float浮動相關知識點筆記

2021-09-26 02:25:31 字數 959 閱讀 8439

float: left | right | none | inherit;

塊在一排顯示

內聯支援寬高

預設內容撐開寬度

脫離文件流

提公升層級半層

加高問題:擴充套件性不好

父級浮動

問題:頁面中所有元素都加浮動,margin左右自動失效

inline-block 清除浮動方法

問題:margin左右auto失效

空標籤清浮動

問題:ie6最小高度19px;(解決後ie6下還有2px偏差)

br 清除浮動

問題:不符合工作中:結構、樣式、行為,三者分離的要求

after偽類 清除浮動方法(主流)

.clearfix:after

.clearfix

overflow:hidden 清除浮動

問題:需要配合寬度或者zoom 相容ie6、ie7

overflow: scroll | auto | hidden;

overflow: hidden;溢位隱藏

clear清除浮動

clear : left | right | both | none | inherit; 元素的某個方向上不能有浮動元素

clear : both; 在左右兩側均不允許浮動元素

bfc(block formatting context)標準瀏覽器

觸發方式

float 的值不為none

overflow 的值不為visible

display的值為table-cellm table-caption, inline-block 中的任何乙個

position 的值不為relative和static

width | height | min-width | max-height: (!auto)

haslayout ie瀏覽器

總結浮動元素float知識點。

css布局的三種機制 分別是普通流 標準流 浮動和定位 1.標準流 塊級元素會獨佔一行從上向下排列。行內元素會按照順序排列,從左往右排碰到父級元素則會自動換行 2.浮動 讓盒子從普通流中浮起來,主要讓多個塊級盒子一行顯示 3.定位 將盒子定在瀏覽器的某個位置 浮動什麼是浮動?float 元素的浮動是...

lua相關知識點筆記

require,用於載入檔案,會搜尋環境變數lua path設定的路徑,同時能判斷檔案是否已經載入來避免重複載入。比較奇特的是路徑的設定,與一般的路徑完全不同,其實就是用?當佔位符,然後require filename的時候,用filename代替這些文號,比如 lua c windows usr ...

相關知識點

nweb inf uclasses uweb.xml ulib n 從httpservlet 繼承,重寫doget dopost方法 n部署web.xml n 只有乙個物件 n 第一次請求的時候被初始化,只一遍 n 初始化後先呼叫init 方法,只一遍 n 每個請求,呼叫一遍service serv...