HTML學習總結(4) 浮動,清浮動

2021-07-14 11:36:40 字數 1351 閱讀 2648

html學習總結(4)浮動

清除浮動

使元素脫離文件流,按指定方向移動,遇到父級邊界或相鄰浮動元素停下

float浮動

清除浮動的方法

box

{}

.box

.box

.clear

clear="all" /> /*浮動元素下加*/

.clear

:after

.clear

/*加這裡--> */

.box

浮動相容性問題

- ie6雙邊距

ie6下塊屬性標籤浮動,有橫向margin時,橫向margin加倍

解決:display:inline;

- ie6 li部分相容性問題

–>左右兩列布局,右邊右浮動ie6 ie7下折行;(左邊元素浮動)

解決:左邊元素浮動

–>ie6 ie7 li 下元素都浮動 在ie6 ie7下 li 下方會產生4px間隙問題;(加vertical-align:top;)

解決:1.li加 浮動 2.li加 vertical-align:top;

Python 浮動 清浮動

浮動布局 一.display總結 css inline 1.同行顯示,就相當於純文字,當一行顯示不下,如就是乙個字顯示不下,那麼顯示不下的那乙個字就會自動換行,和純文字的區別就是有標籤整體的概念,標籤與標籤間有乙個空格的隔斷 2.支援部分css樣式,不支援寬高 行高 行高會對映到父級block標籤 ...

高階布局 浮動 清浮動

文件流 normal flow bfc block fromatting context 塊級格式化上下文,它是乙個獨立的渲染區域,只有block level box參與,它規定了內部的block level box如何布局,並且與這個區域外部毫不相干.bfc規則 1.內部的box會在垂直方向,乙個...

css 清隊浮動 總結

1.使用空標籤浮動 如 2.使用overflow屬性 這各方法有效的解決了通過空標籤清除浮動而不得不增加無意的 的弊端,使用該方法只需要在需要清除浮動元素中定義的css屬性 overflow auto,即可,當然overflow hidden也可以實現 3.使用 after偽類物件清除浮動 afte...