欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 前端开发 > Html5+css3 >

float 讲解

更新时间:2014-10-26 浏览次数:
float:浮动具有破坏性,会让父元素高度塌陷!
 
如何解决浮动让父元素高度塌陷的bug?  浮动使高度塌陷不是bug,而是标准!!
 
浮动的原本作用仅仅是为了实现文字环绕效果!
 
 
权衡后的策略
 
.fix:after{content:''; dispaly:block; height:0; overflow:hidden;clear:both;}
.fix{*zoom:1;}
 
 
float的两大特性:
 
1.元素block块状化(砖头化);
2.破坏性造成的紧密排列特性(去空格化);
 
砌砖布局的问题:
 
1.妙脆角-嘎吱脆;——容错性比较糟糕,容易出问题
 
2.吝啬鬼-重用废;——这种布局需要元素固定尺寸,很难重复使用
 
3.洋葱头-IE7飙泪;——在低版本的IE下会有很多问题
 
少使用浮动来实现砌砖头布局
 
关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!