使用CSS堆叠Div

Question

我有点新的CSS多年来一直在为我的html使用表格，我试图找出如何嵌套div或将它们堆叠在3列布局的内容部分中。我只是做了一个新的<tr> 但是如果我将另一个div浮动到内容行中，它将显示为平行或垂直，当我想要显示在下面时。还有另外一种方法可以做到这一点，还是我错过了Divs的观点？

基本示例代码

        body {
        margin: 0px;
        padding: 0px;
        }
        #header {
        background: #438a48;
        width: 100%;
        }
        #leftcolumn {
        background: #2675a8;
        float: left;
        width: 25%;
        height: 700px;
        }
        #content {
        background: #000;
        float: left;
        width: 75%;
        height: 700px;
        }
        #footer {
        background: #df781c;
        clear: both;
        width: 100%;
        }

HTML

        <div id="header">Header</div>
        <div id="leftcolumn">Left Column</div>
        <div id="content">Content</div>
        <div id="footer">Footer</div>

Answer 1

你可以在#content div中添加div ...嵌套将强制它们留在父级内...（不要浮动那些内部 div，使它们成为可能一个在另一个下面..）