-
高级智能自适应 table-cell
查看全部 -
解决浮动问题
查看全部 -
ie8+正常显示
查看全部 -
IE7浮动元素与文本不在同一行显示
查看全部 -
IE8+正常显示
查看全部 -
IE7浏览器的楼梯排列问题
查看全部 -
IE8的正常显示
查看全部 -
IE7浮动元素最后一个元素重复问题
查看全部 -
IE8浏览器
查看全部 -
IE7垂直间距问题
查看全部 -
IE8的显示
查看全部 -
IE7包裹不正确的问题
查看全部 -
float砌砖头
查看全部 -
清除浮动:
方法1：脚底插入clear:both;
通常应用形式：
1、HTML block水平元素地步 -<div></div>
2、CSS after伪元素底部生成 - .clear:afer {}
方法2：父元素BFC(IE8+)或haslayout(IE6/IE7)
通常声明：
float:left/right
position:absolute/fixed
overflow:hidden/scroll(IE7+)
display:inline-block/table-cell(IE8+)、table-caption或者inline-flex
width/height/zoom:1/...(IE6/IE7)
// [块级格式化上下文 (Block Fromatting Context)]
权衡后的策略：
IE8以后使用伪元素 。clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both;}
或clearfix:after{content:'';display:table;clear:both;}
IE6\IE7 .clearfix {*zoom:1;}
.clearfix应用在包含浮动子元素的父级元素上。
查看全部
举报
0/150
提交
取消