2012-03-26 14 views
2

私は、私が次のようなデザインに固執するために、div:画像とコンテンツを位置づけて一般的に配置しています。例えばポジションのあるコンテンツブロックの位置付けが相対的にかすかなコーディングですか?

私は入れたいトップに近い形を配置したい場合:

.form_class{ 
    position:relative; 
    bottom:150px; 
} 

要素は、フラックスの地位を維持しているので、私はその後、他のすべての要素を置く必要があるだろうポジション:ギャップを閉じたままにして相対的に150px以上。

私はこれがちょっとしたプログラミングだと思います。実際のWebインテグレータはどのように要素を配置していますか?

ありがとうございます。

答えて

1

相対的な配置を使用すると潜在的な問題があります。

ギャップの問題を回避するために相対配置を使用している場合は、問題はバックグラウンドで引き続き存在します。たとえば、ギャップがマージンから来る場合、マージンはまだそこにあります。マージンがどこから来ているのかわからない場合は、すべてのブラウザで同じかどうかわからず、一見無関係なマークアップの変更がマージンを変更する可能性があるかどうかは分かりません。

また、言及したように、要素の上端から下端までギャップを移動しているだけなので、後続のすべての要素を調整し続ける必要があります。それぞれの調整によって、潜在的に別のレベルのセキュリティが追加され、レイアウトが別のブラウザで破損する可能性があります。

ほとんどのブラウザには開発者ツールがあり、要素を調べて要素に適用されているCSSと、余白やパディングが何であるかを正確に確認できます。それを使ってギャップがどこから来たのかを知ることができます。そのため、ギャップを迂回するのではなく、ソースからギャップを取り除くことができます。

0

マージンとパディング、絶対配置、浮動小数点数、親コンテナ、明示的な幅と高さから要素を配置する方法はたくさんあります。あなたのマークアップを見ることなく、評論家には難しいですが、通常、相対的なポジショニングよりも良い方法があります。一部のマークアップを投稿したい場合は、http://jsfiddle.net

関連する問題