在另一个div中动态改变div的高度

我想让div的高度根据div中元素的数量动态改变。我想要做什么的整体思路如下图所示 enter image description here 在另一个div中动态改变div的高度

最后一个div应该能够动态更改。看来，我必须设置第三内部div的高度。如果我不这样做，div就会出现在主div之外。

的解决方案，我曾尝试：

1）溢出：汽车

2）尽量不设置第三内div的高度。

必须使用JavaScript吗？我可以不使用JavaScript？这些解决方案不起作用。需要一些指导..对不起，如果问题重复....

来源

2012-07-16 lakesh

嘿，现在我想你应该这样

HTML

<div class="parent"> 
    <div class="child1"> 
    <div class="one">One</div> 
    <div class="one">two</div> 
    </div> 

    <div class="child1"> 
    <div class="one">One</div> 
    <div class="one">two</div> 
    </div> 


    <div class="child2"> 
    dynamic height 
    </div> 

</div>

的CSS

.parent{ 
border:solid 1px red; 
} 
.child1, .child2{ 
overflow:hidden; 
    margin:10px; 
    border:solid 2px green; 
} 

.one{ 
background:red; 
    border:solid 1px black; 
    padding:10px; 
    float:left; 
    margin:10px; 
}

现场演示http://tinkerbin.com/i1R8emEb

现在根据你的设计更改为高度宽度或高度..

来源

2012-07-16 07:12:23

这个技巧是用overflow：隐藏的吗？ – lakesh 2012-07-16 07:18:03

是的，如果你删除边界div比用来溢出：隐藏清除父div这是崩溃余量 – 2012-07-16 07:19:04

不理解上一条语句 – lakesh 2012-07-16 07:22:15

不要给div一个固定的高度，只需在您的CSS中使用float:left;。

来源

2012-07-16 07:10:38 WolvDev

你能解释为什么float：left works？ – lakesh 2012-07-16 07:11:50

With float：left CSS将所有这一切做成一件事：'display：block; width：xxxpx;高度xxpx;'（动态改变高度） – WolvDev 2012-07-16 07:15:48

在另一个div中动态改变div的高度

回答

相关问题