父级div的高是否会被浮动元素撑起来?清除浮动用法?
1、子级div使用了浮动,父级div的高是不会被浮动元素撑起来的(称之为高度塌陷)
2、清除浮动用法:
①给父级加固定的高度(此方法扩展性不好,因为父级的高度一般有子级内容撑开。)
②给父级加浮动(父级的margin属性会失效)
③给父级元素变成:inline-bolk(父级的margin左右属性会失效)
④使用空div标签清除浮动<div style=" clear:both"></div>(这样会增加无意义的空标签)
⑤使用伪类清除浮动: .box:after{content:"";display:block; clear:both}
.box{zoom:1;}/*兼容IE*/ (主流方法)