-
高級智能自適應? ? 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
提交
取消