-
IE7浮动兼容性问题
查看全部 -
1、文字环绕衍生——单侧固定
width+float
padding-left/margin-left
2、DOM与显示位置匹配的单侧固定布局
==右浮动，改变DOM位置的流体布局写法
{width: 56px; float: right;} {margin-right: 76px;}==左浮动，不改变DOM位置的流体布局写法
{width: 100%; float: left;} {margin-right: 76px;} {width: 56px; float: left; margin-left: -56px;}width:100%+float
padding-left/margin-left
width + float + margin负值
3、智能自适应尺寸
float
display: table-cell [IE8+]
display: inline-block [IE7]
查看全部 -
浮动砌砖布局的问题
1、容错性比较糟糕，容易出问题
2、这种布局需要元素固定尺寸，很难重复使用
3、在低版本的IE下会有很多问题
查看全部 -
浮动两大特性
查看全部 -
clear清除浮动策略
IE8
IE6 IE7
查看全部 -
清除浮动（带来的影响）
查看全部 -
具有破坏性的属性
查看全部 -
具有包裹属性
查看全部 -
浮动本来的作用：实现文字环绕
查看全部 -
IE7与IE8的显示效果不一样
查看全部 -
浮动可以让元素block化
查看全部 -
清除浮动更好的方法：
高级浏览器：.clearfix:after {content:'';display:table;clear:both;}
ie6,ie7: .clearfix{*zoom:1;}
clearfix应该应用在浮动子元素的父级元素上
查看全部 -
清除浮动的两大基本方法
查看全部 -
浮动的破坏性只是单纯为了实现文字环绕效果而已
查看全部 -
浮动会让父元素高度塌陷不是bug，是标准
查看全部
举报
0/150
提交
取消