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...