html – 如何使父母与孩子一起成长？

发布时间：2020-12-14 21:38:42 所属栏目：资源来源：网络整理

导读：随着更多的孩子DIV被添加，我如何使父/容器DIV成长。 div id="container" div id="child" style="height:100px;" /div div id="child2" style="height:100px;" /div/div 解决方法您的父级div不会随着其内容而增长的唯一原因是，如果内容是绝对定位的或正在

随着更多的孩子DIV被添加，我如何使父/容器DIV成长。

<div id="container">
     <div id="child" style="height:100px;">
     </div>
     <div id="child2" style="height:100px;">
     </div>
</div>

解决方法

您的父级div不会随着其内容而增长的唯一原因是，如果内容是绝对定位的或正在使用浮点数，在前一种情况下，没有什么可以做的，不能用javascript调整大小，在后者中可以放置以下浮动元素末尾的代码：

<br style="clear: both">

所以说你的例子中的子元素都有一个float，代码看起来就像这样

<div id="container">
     <div id="child" style="height:100px;">
           ** CONTENT GOES HERE **
           <br style="clear: both">
     </div>
     <div id="child2" style="height:100px;">
           ** CONTENT GOES HERE **
           <br style="clear: both">
     </div>
</div>

您可以使用任何节点，只要您使用“clear：both”即可(So< div style =“clear：both”>< / div>也将工作)。

（编辑：李大同）

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