父div高度不能自适应子div高度的解决方案
2017-02-08 21:11
127 查看
<div id="parent">
<div id="content"> </div>
</div>
当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案如下:
<div id="parent">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>
在层的最下方产生一个高度为1的空格,可解除这个问题。
另外还有这样写的:<div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者<br style="clear:both;" />。
<div id="content"> </div>
</div>
当content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。解决方案如下:
<div id="parent">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>
在层的最下方产生一个高度为1的空格,可解除这个问题。
另外还有这样写的:<div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者<br style="clear:both;" />。
相关文章推荐
- 父div高度不能自适应子div高度的解决方案
- 嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
- 嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
- 父div高度不能根据子div高度自动变化的解决方案
- IE7、FF DIV高度不能自适应问题的解决方案
- 嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
- 父DIV的高度不能根据子DIV自动变化的解决方案
- CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案
- 解决子级用css float浮动 而父级div没高度不能自适应高度(转)
- DIV嵌套时外层无法自适应高度三种解决方案
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- [DIV+CSS] IE6浮出层穿透解决方案中的iframe高度自适应
- 解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法
- ListView不能自适应高度全屏的解决方法(可能是最完美的解决方案)
- 子DIV浮动(float)后父DIV高度自动失效解决方案
- 【解决方案】子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度的问题
- IE6下DIV最小高度不能为0的解决方法
- css实际技巧---父div中有浮动的子div,父容器不能自适应高度,清除浮动,父容器自适应高度
- 清除因为浮动,DIV的高度不能自动撑开的问题
- 解决子级用css float浮动 而父级div没高度不能自适应高度