H5 之清除浮动 clear:float
清除浮动,是高度得到修正,可以分三种方法:1、在容器的底部增加一个元素,属性设置为 clear:, clear有三个属性值 clear:left;不允许自身的左边有float元素 clear:right;不允许自身的右边有float元素 clear:both;不允许自身的两边有float元素 2、overflow:hidden; 强制容器包含它的
·
清除浮动,是高度得到修正,可以分三种方法:
1、在容器的底部增加一个元素,属性设置为 clear:, clear有三个属性值
clear:left;不允许自身的左边有float元素
clear:right;不允许自身的右边有float元素
clear:both;不允许自身的两边有float元素
2、overflow:hidden;
强制容器包含它的子元素,让高度得到修正。
副作用:超出容器的部分都会被剪切掉。
3、.clearfix:after{ content:”“;
display :block;
clear:both;
height:0px;
overflow:hidden;}
.clearfix{ -ms-zoom:1; }
在容器的最后插入一个元素,hack技术。让IE浏览器强制布局包含的浮动元素。
更多推荐
已为社区贡献1条内容
所有评论(0)