我在我的应用程序的结构如下:展开div容器与内容宽度
<div id="container">
<div id="child_container">
<div class="child"></div>
<div class="child"></div>
...
<div class="child"></div>
</div>
</div>
每个孩子div有一个已知的固定宽度,但该应用程序允许更多的人在child_container div来插入。
我想要做的就是在需要的时候容器DIV水平扩展,考虑到子容器的总宽度。
这是目前发生的事情:
+------ container -------+
+--- child_container ----+
| child1 child2 child3 |
| child4 |
+------------------------+
如果我设置child_container DIV宽度为固定值,我可以得到它过去的div容器,尽管是一个有点难看,其工作水平扩展:
+------ container -------+
+------ child_container -+----+
| child1 child2 child3 child4 |
+------------------------+----+
但是,这需要重新计算它,每当添加一个新的孩子。
有没有办法做到这一点,而无需使用固定宽度的子容器,在某种程度上使得最终的结果是
+--------- container ---------+
+------ child_container ------+
| child1 child2 child3 child4 |
+-----------------------------+
感谢。
请提供一些代码。在小提琴中更好。 – Andre 2011-05-24 18:55:43
它是这样的:http://jsfiddle.net/8XGqs/ – Andre 2011-05-24 19:51:12
http://jsfiddle.net/8XGqs/1/说明等效的ascii艺术以上更好,我认为。刚添加宽度:100%到#container。 – Andre 2011-05-24 19:59:51