如何让父母与孩子一起成长？

How do I make a parent/container DIV grow as more children DIV's are added.

当添加更多儿童DIV时，如何使父/容器DIV增长。

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

4 个解决方案

#1

The only reason why your parent div would not grow with its content is if it's content is absolute positioned or is using floats, in the former case there is nothing you can do short of resizing it with javascript, in the latter you can put the following code at the end of your floating elements:

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

<br style="clear: both">

So say both the child elements in your example have a float, the code would look like this

所以说你的例子中的两个子元素都有一个浮点数，代码看起来像这样

<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>

You can use any node, as long as you use "clear: both" on it (So <div style="clear: both"></div> would work too).

您可以使用任何节点，只要您使用“clear：both”（So

也可以）。

4 个解决方案

#1

更多相关文章

随机推荐