复制代码 代码如下:
<div id="parent">
<div id="content"> </div>
</div>
<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>
![父div高度不能自适应子div高度的解决方案]()
<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;" />。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
软考中级精品资料免费领
历年真题答案解析
备考技巧名师总结
高频考点精准押题
- 资料下载
- 历年真题
193.9 KB下载数121
191.63 KB下载数121
143.91 KB下载数887
183.71 KB下载数501
644.84 KB下载数2587
相关文章
发现更多好内容猜你喜欢
AI推送时光机父div高度不能自适应子div高度的解决方案
前端开发2024-04-02
咦！没有更多了？去看看其它编程学习网 内容吧
