2013-03-31 68 views
7

我真不明白什麼是明確的區別:兩者溢出:汽車明確:兩者或溢出:汽車,哪個更好?

我測試了它和功能的工作方式相同,有人會解釋爲什麼這兩個作品以同樣的方式?

從我在一些文章和問題見過,

溢出:汽車可以在容器中使用它裏面浮動。並且它不會佔用空格來使用空的div。

不過,我有它的懷疑,它可能會搞砸了我的代碼的未來。

下面是與我的問題類似的問題列表。然而,它對我的​​問題沒有答案,可能對我來說很模糊。

hr clear vs div clear. Which is better?

3 column html template - content overflows though there is clear both and height is 100%

+0

相關:做「明確:既」和「溢出:隱藏」具有相同的原則,拉伸高度div漂浮的孩子?](http://stackoverflow.com/q/36525006/3597276) –

回答

8

overflow: auto(或hidden)不是在其中容器具有一組高度,因爲這將產生一個滾動條(或隱藏溢出的內容)的情況下可接受的至少

http://jsfiddle.net/xSzcC/

浮動結算旨在由clear規則反正做。

清除假球現代瀏覽器是very easy now

http://jsfiddle.net/xSzcC/1/

在鏈接腐爛的情況下,該功能部分:

.cf:before, 
.cf:after { 
    content:""; 
    display:table; 
} 

.cf:after { 
    clear:both; 
} 
+0

但爲什麼'display:table'?爲什麼不'display:block'或者將它保留爲可能是inline的默認值? – vahanpwns