如何處理流體的高度？

Question

A案例：a div是裏面div。

當孩子的div包含一些文本，是由浮動使用CSS3 float屬性離開，父div的高度成爲零。

什麼是這個和任何解決方案的原因？

注意：div的大小以百分比表示（％）。

Answer 1

浮動元素將其從正常的元素流中帶出來，其中一個yhe副作用是它不再影響其父元素的dinensions。

清除float最簡單的方法是將父母的overflow屬性設置爲hidden。

但是，這可能是不受歡迎的，因爲您可能有嵌套在父級中的元素，您需要需要才能將其溢出。在這種情況下，使用僞元素:after來清除浮動元素。

.parent:after{ 
    clear:both; 
    content:""; 
    display:block; 
    height:0; 
} 

第三個解決方案是簡單地給一個兄弟浮動元素的clear財產，但一個明顯取決於你的佈局和標記以下。

順便提一下，float不是CSS3屬性，它已經存在了一段時間。