-
浮动与display：block化查看全部
-
浮动元素查看全部
-
没看懂查看全部
-
不会呀。查看全部
-
浮动的原本作用仅仅是为了实现文字环绕效果！查看全部
-
.fix:after{content:'';display:table;clear:both} .fix{*zoom:1;}查看全部
-
清除浮动: 1.在底部插入一个clear:both方法 2.父元素在BFC/hashlayout查看全部
-
清除浮动的更好方法查看全部
-
高级进化--智能自适应尺寸 float display: table-cell IE8+ display: inline)-block IE7查看全部
-
DOM与显示位置匹配的单侧的固定布局 width:100%+float padding-left/margin-left width+float+margin负值查看全部
-
文字单侧衍生--单侧固定 单侧固定 width+floa padding-left/margin-left查看全部
-
布局格式查看全部
-
浮动的作用: 实质上是实现文字环绕效果 1、元素的block块状化(砖头化) 2、破坏性造成的紧密排列属性,去空白换行及去 空格特性(去空格化) float砌砖布局的缺点: 1、容错性比糟糕，容易出现问题； 2、这种布局需要元素固定尺寸，很难重复使用； 3、在低版本的IE下会有许多问题 所以尽量不要使用float码砖头查看全部
-
清除浮动的代码(只用在浮动元素的父级元素上，不得滥用！) .clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;} .clearfix{*zoom:1} 更好的方法： clearfix:after{content:''; display：table； clear：both； } after伪元素用的是IE8以上的浏览器 IE6，7用的是*zoom:1 两种方法的差异： clear：与外界还有联系，例如会产生margin重叠的效果 BFC/haslayout（应用于父元素）:封闭，里面的声明不会对外界产生影响，例如float不会出现margin重叠，但也有缺陷，无法使用所有浏览器查看全部
-
float起初的本意是让文字环绕 float使得父元素高度塌陷，不是bug,是标准 浮动就是从父元素中脱离出来查看全部
举报
0/150
提交
取消