1.加高
問題:擴充套件性不好
2.父級浮動
問題:頁面中所有元素都加浮動,margin左右自動失效(floats bad !)
3.inline-block 清浮動方法:
問題:margin左右自動失效;
4.空標籤清浮動
問題:ie6 最小高度 19px;(解決後ie6下還有2px偏差)
5.br清浮動
問題:不符合工作中:結構、樣式、行為,三者分離的要求。
6.after偽類 清浮動方法(現在主流方法)
.clear:after
.clear
after偽類: 元素內部末尾新增內容;
:after ie6,7下不相容
zoom 縮放
a、觸發 ie下 haslayout,使元素根據自身內容計算寬高。
b、ff 不支援;
7.overflow:hidden 清浮動方法;
問題:需要配合 寬度 或者 zoom 相容ie6 ie7;
主流清浮動方法
浮動 浮動的框可以左右移動,直至它的外邊緣遇到包含框或者另乙個浮動框的邊緣。浮動框不屬於文件中的普通流,當乙個元素浮動之後,不會影響到 塊級框的布局而只會影響內聯框 通常是文字 的排列,文件中的普通流就會表現得和浮動框不存在一樣,當浮動框高度超出包含框的時候,也就會出現包含框不會 自動伸高來閉合浮動...
清浮動方法小結
通常我們建立一全頁面的布局時,浮動是一種常用的方法,也是頁面元素定位的一種基本功能。浮動可以讓元素乙個挨著乙個。浮動可以建立乙個自然流布局,同時充許元素設定自身尺寸和其父元素容器的尺寸大小。雖然 浮動 很好用,但是使用上還是存在一定的問題。最典型的問題就是乙個父元素包含了多個浮動的子元素。頁面的內容...
浮動相關知識及清浮動方法
先了解一下文件流的概念,所謂文件流,就是指文件中可以顯示的物件在排列是所佔的位置。而浮動就是 使我們的元素脫離正常文件流,按照指定方向發生移動,直到碰到它的父元素邊界或另乙個浮動元素的邊界 浮動是讓元素水平方向移動,不能上下移動 浮動屬性 float left 左浮動 float right 右浮動...