float,posion,浮動和清快取的方法

2022-04-05 05:17:59 字數 564 閱讀 7949

less 

*ul,li

div>span

}section

>a

>span

}//行內元素,一旦設定float,position,就會變成塊級了,

//。就不用在寫display:inline-block;

//float: 用這個overflow

//position: overflow。清除不了元素,新增偽類:

//after

//以 position: relative;為基點。設定position: absolute,可堆疊;

//用z-index 調整順序的顯示;並且只對同級標籤有用。

清除快取的方法:

給父容器新增 clearfix 的 class ,用 偽元素 clearfix:after 來設定樣式,清除浮動

給父容器新增 overflow:hidden 或者 auto 樣式;

asdfasdf

dsfdg

dfsljgslfd

afsdf

dskafjasl

dajfsljfals

Python 浮動 清浮動

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

清浮動方法

1.加高 問題 擴充套件性不好 2.父級浮動 問題 頁面中所有元素都加浮動,margin左右自動失效 floats bad 3.inline block 清浮動方法 問題 margin左右自動失效 4.空標籤清浮動 問題 ie6 最小高度 19px 解決後ie6下還有2px偏差 5.br清浮動 問題...

高階布局 浮動 清浮動

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