<div id=“maincontainer”>
    <div>Some data</div>
    <div id = "imagecontainer"> My image is here</div>
    <div id = “button-row”>
        <button id=“imagebutton” class="selected" type="button">Image</button> 
        <button id=“videobutton” type="button">Video</button> 
    </div>
</div>

我的父div #maincontainer具有固定的高度-200像素和宽度.
固定高度可能不是一个好习惯,但是,这对于我解决另一个问题是必需的.

如何使所有子元素都适合此容器？

在将尺寸设置为200 px之前,所有子元素都已很好地适合#maincontainer.但是,在设置了固定高度之后,我可以看到我的#imagecontainer和#button-row溢出了我的父容器.

我需要为所有子元素设置高度吗？

如果我的主容器中有多个嵌套子容器,该怎么办？