2011-08-24 140 views
7

我有一個div,它是float:left,在div之後是頁面的其餘部分。 爲了保持股利低於頁面的其餘部分,我必須先放置br clear =「all」vs css解決方案

<br clear="all"> 

問:我如何在頁面的其餘部分定位浮動DIV下面? 我認爲我需要將頁面的其餘部分包裝在一個新的div中,並將其浮動。但我傾向於儘可能遠離花車。

+0

你能搗鼓它/發表你的意思嗎? – JonH

+1

html是什麼樣的? – jeroen

+1

在html5中,br標籤沒有這樣的屬性。 – Roland

回答

6

的下一個項目,你可以使用樣式clear:left

另一種替代方法是在浮動元素的父級上設置overflow樣式以使其包含它,如overflow:hidden

+1

確保如果你使用'overflow:hidden'這個元素沒有明確的高度集(像'height:200px'),這樣做可能會隱藏用戶的內容。 – steveax

2

我通常環繞浮動DIV另一個div風格overflow: auto

16

你已經浮動的div。添加下面的代碼。

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

然後照常繼續頁面的其餘部分。

+0

我用了很多,但不明白爲什麼它比使用br標籤更好。另外,如果你製作一個(意外的)自動關閉的div,VisualStudio不會標記錯誤,但是我對此有着非常不好的JavaScript錯誤行爲。所以這個解決方案是bug的來源。 – Roland

0

創建一個類,並插入到CSS:

br.cb { clear: both; } 

插入到HTML:

<br class="cb"> 

這使得過去W3標記和CSS驗證。

+0

+1我在很多地方都需要它,並且它比使用不是自閉的div標籤更短,更清晰。 – Roland