3
如您所知,包含浮動元素的元素不會在子元素周圍延伸,除非您在其後添加clear
元素,或者將父元素的overflow
設置爲hidden
。 See example.故意使用不在其周圍漂浮的孩子的元素?
我的問題是,有沒有真實的生活場景中,人們會想不伸展的父元素周圍的孩子,而在上面的例子中「溢出可見」框?
如您所知,包含浮動元素的元素不會在子元素周圍延伸,除非您在其後添加clear
元素,或者將父元素的overflow
設置爲hidden
。 See example.故意使用不在其周圍漂浮的孩子的元素?
我的問題是,有沒有真實的生活場景中,人們會想不伸展的父元素周圍的孩子,而在上面的例子中「溢出可見」框?
有趣的想法,但我懷疑任何人都希望,作爲第一,你可以做一個邊框+填充重現該場景,第二,明確的東西實際上被認爲是一個錯誤/不是正確的行爲。
在現實世界中,如果你不知道更好,你可以用那個「解決方案」解決,那裏有一個沒有任何高度的盒子,它們所包含的元素顯示在它之外,但是因爲你知道的更好,最好是正確地做,也就是說,清除div,使用絕對定位,或使用邊框和填充以達到相同的效果。
編輯
它實際上不是一個錯誤,但它是「正確」的行爲,因爲如果浮箱清空自己,它將提議在本頁面討論了更難的問題:http://css-tricks.com/all-about-floats/
這我的想法也非常多,儘管我不願意把它稱爲bug,因爲所有主流瀏覽器的行爲都是一樣的,沒有人似乎有意改變它。 – Kaivosukeltaja 2011-03-29 16:42:27
是的,這就是爲什麼我加倍檢查..它實際上不是一個錯誤,而是一個功能,雖然有點反直覺(除非你知道他們爲什麼這樣做) – corroded 2011-03-29 16:49:18