问答详情
源自:13-4 起飞咯 - 浮动模型

浮动中的布局问题

父级div的高是否会被浮动元素撑起来?清除浮动用法?

提问者:慕码人2726656 2017-04-29 10:09

个回答

  • 时光微凉_
    2017-05-04 17:35:53
    已采纳

    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*/                  (主流方法)