码迷,mamicode.com
首页 > 其他好文 > 详细

父div高度不能根据子div高度自动变化的解决方案

时间:2014-05-27 00:44:54      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:style   c   class   blog   code   java   

bubuko.com,布布扣
1 <div id="parent">
2   <div id="content"> </div>
3 </div>
bubuko.com,布布扣

    当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案如下:

bubuko.com,布布扣
1 <div id="parent">  
2   <div id="content"></div>  
3   <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>  
4 </div>
bubuko.com,布布扣

    在层的最下方产生一个高度为1的空格,可解除这个问题。

    另外还有这样写的:<div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者<br style="clear:both;" />。

父div高度不能根据子div高度自动变化的解决方案,布布扣,bubuko.com

父div高度不能根据子div高度自动变化的解决方案

标签:style   c   class   blog   code   java   

原文地址:http://www.cnblogs.com/ayic/p/3736328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!