2011-08-24 13 views
7

私はdivをfloat:leftとし、divをページの残りの部分としています。どのように私は浮いのdivの下にページの残りの部分を配置します:divの下のページの残りの部分を保つために、私が最初にbr clear = "all" vs css solution

<br clear="all"> 

Qを配置する必要があります ? 私は、新しいdivにページの残りの部分をラップし、同様に浮動させる必要があると思います。 しかし、私はフロートからできるだけ離れている傾向があります。

+0

あなたは何を意味するのかを例にして投稿できますか? – JonH

+1

htmlの外観はどうですか? – jeroen

+1

html5では、brタグにそのような属性はありません。 – Roland

答えて

6

で、浮動divの周りに別のdivを包みます。

もう1つの方法は、overflow:hiddenのように、浮動要素の親にoverflowスタイルを設定してそれを含むようにすることです。

+1

'overflow:hidden'を使用すると、要素に明示的な高さが設定されていないことを確認してください(' height:200px'など)。 – steveax

2

は、私は通常、あなたがスタイルclear:leftを使用することができ、次の項目でスタイルoverflow: auto

16

あなたが流したdivの後。次のコードを追加します。

<div style='clear:both'></div> 

次に、通常どおりページの残りの部分を続けます。

+0

私はこれをたくさん使っていましたが、代わりにbrタグを使用するよりも優れている理由はわかりません。また、(偶発的な)自己閉鎖divを作成しても、VisualStudioはエラーにフラグを立てませんが、私は本当に面白いjavascriptの誤動作をしています。このソリューションはバグの原因です。 – Roland

0

クラスを作成し、CSSに挿入:

br.cb { clear: both; } 

は、HTMLに挿入します。

<br class="cb"> 

これはW3のマークアップとCSSのバリデータを過ぎてそれを作りました。

+0

+1私はこれを多くの場所で必要としています。divタグの場合よりもはるかに短く、より明確です。 – Roland