清浮動方法

2022-06-11 15:54:09 字數 629 閱讀 4818

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 右浮動...