詳情參照:
1、給父級乙個高度。
2、給腹肌乙個overflow:hidden;
3、給父級乙個overflow:auto;
4、引入公共類,再加入div:.clearfloat
left
right
5、引入公共類:
.clearfloat:after
.clearfloat
推薦使用。
相容ie6、ie7、ie8瀏覽器,經常會遇到一些問題,可以使用zoom:1來解決,有如下作用:
觸發ie瀏覽器的haslayout
解決ie下的浮動,margin重疊等一些問題。
zoom屬性參照:
CSS之清除浮動
標籤可以是div br hr 在浮動元素後使用乙個空元素如 並在css中賦予.clear屬性即可清理浮動。亦可使用 或來進行清理。優點 簡單,少,瀏覽器相容性好。缺點 需要新增大量無語義的html元素,不夠優雅,後期不容易維護。在浮動元素下加 clear,但是在ie6下,塊元素有最小高度,即當hei...
CSS之清除浮動
一 清除浮動的目的。1 當乙個父元素的高度不寫或為auto時,而且這個父元素內又有浮動的子元素,那麼這時候該父元素的高度將不會自動適應子元素的高度,也可以說高度是0px 有如下 123123 此 父元素高度不設定,而且裡面又有左浮動高度為300px的子元素。實際顯示效果為 可以看到,父div僅僅顯示...
css之清除浮動
清除浮動 在非ie瀏覽器 如firefox 下,當容器的高度為auto,且容器的內容中有浮動 float為left或right 的元素,在這種情況下,容器的高度不能自動伸長以適應內容的高度,使得內容溢位到容器外面而影響 甚至破壞 布局的現象。這個現象叫浮動溢位,為了防止這個現象的出現而進行的css處...