css3技术

Div+CSS教程:float浮动后高度自适应问题_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-15 15:10 我要评论( )

Div+CSS教程:float浮动后高度自适应问题,学习Div+CSS教程:float浮动后高度自适应问题,Div+CSS教程:float浮动后高度自适应问题,查看Div+CSS教程:float浮动后

Div+CSS教程:overflow解决float浮动后高度自适应问题


overflow:auto; zoom:1;

overflow:auto;是让高度自适应, zoom:1;是为了兼容IE6,也可以用height:1%;的方式来解决。

    也许你在做网页的时候发现,发一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。
如图中的城市导航内的城市列表中采用了float之后,那个外框的高度并不是内容元素的高度:



怎么解决这个问题呢?经发现可以采用overflow来解决!方法是在父元素加上如下代码即可

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • DIVCSS网页布局:用CSS实现表单form布局_div+css布局教程

    DIVCSS网页布局:用CSS实现表单form布局_div+css布局教程

    2015-10-02 15:06

  • DIVCSS网页布局常用的方法与技巧_div+css布局教程

    DIVCSS网页布局常用的方法与技巧_div+css布局教程

    2015-10-02 14:26

  • DIVCSS网页布局:实现让多个DIV排列时居中_div+css布局教程

    DIVCSS网页布局:实现让多个DIV排列时居中_div+css布局教程

    2015-10-02 14:18

  • Div CSS网页布局三栏页CSSfloat方法_div+css布局教程

    Div CSS网页布局三栏页CSSfloat方法_div+css布局教程

    2015-09-29 10:00

网友点评