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