-
Dom 與顯示位置匹配的單側固定布局查看全部
-
單側使用float的案例 ,有助于流體布局查看全部
-
文字環繞案例1查看全部
-
浮動的特性 1.float 可以讓元素block化 2.去空白換行及去?空格特性 用float布局的弊端 1.容錯性差,容易出問題 2.需要尺寸固定,消失重用性 3.低版本IE bug多 總結: float 本來設計就是用來實現環繞文字的效果,不應過多應用查看全部
-
清除浮動的代碼 .clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;} .clearfix{*zoom:1}查看全部
-
BFC/haslayout通常聲明查看全部
-
float的結論查看全部
-
具有包裹特性的其他屬性 display:inlne-block table-cell position:absolute /fixed /sticky overflow:hidden/scroll查看全部
-
float 包裹特性 1.收縮 2.堅挺 3.隔絕查看全部
-
bfc/haslayout聲明查看全部
-
after偽元素用的是IE8以上的瀏覽器 IE6，7用的是*zoom:1查看全部
-
.mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
-
清除浮動有兩種方法： 1、用clear清除浮動：浮動元素底部加入 <div> + clear:both 樣式； 會發生margin重疊顯現。 原因：外部元素會對內部元素產生影響，圖片的bottom是針對下一個div的上部為標準，所以上移100px，而發生重疊。 2、用BFC清除浮動：浮動元素的父元素 + overflow:hidden 樣式； 父元素會將整個元素包裹起來，從而不會出現塌陷和重疊顯現。 原因：內部元素被包裹起來不會受到干擾，圖片的bottom就是父元素的bottom，所以上移100px;查看全部
-
2 更好的方法查看全部
-
1. 浮動元素的父元素上 使用css 清除浮動 偽類 和 iE 6 7的zoom 1查看全部
舉報
0/150
提交
取消