解决父容器高度不能自动撑开的方法

刚入门网站计划机关的开拓者必定会遇到这样的题目，那就是当子容器所有浮动的时辰，父容器的高度不能自动撑开。在我们没有为富容器配置边框或配景的时辰是看不到这个题目的，如下的代码。

<div style="background: #F99; width: 400px; border: 1px solid #3CF;"> <div style="float: left; background: #36F; width: 180px; height: 180px;">I'm a son container .</div> <div style="float: left; background: #F60; width: 180px; height: 180px;">I'm the other son container .</div> </div>

运行后，大大都的人会认为很明明，这就是一个父容器包裹着两个子容器，但着实没有那么简朴，父容器的高度会表现为0，你能看到的只是父容器的边框，而高度并没有被内部的两个子容器的高度撑开。这个时辰假如我们为父容器配置配景将不会被表现。
办理的要领着实较量简朴，那就是给父容器增进一个属性，overflow:hidden。
其它一个有用的要领就是在全部的子元素闭合标签后增进一个

<div style="clear:both;"></div>

来破除浮动。这也是一个较量好的做法，凡是用在父容器必要配置牢靠高度的时辰，可是又怕内容太多因为配置了overflow而不能表现。这两种要领都是有用的，各人可以在实践中测试。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!