css - 将 div 并排放置，一个放在另一个下方

Question

我想div根据显示的图像放置。顶部的已经完成但是无法放置底部的两个我当前的样式表如下：

 #container {
   position: relative;
   height: 400px;
   width: 100%;
   min-width: 400px;
   margin: 0 auto;


}
#left, #right {
    position: absolute;
    bottom: 201px;
}
#left {
    left: 0;
    width: 484px;
    height: 195px;


}
#right {
    right: 0;
    width: 508px;
    height: 196px;


}

我的容器包含所有 div 的另一件事

有人请帮忙

Answer 1

与此类似的东西 - JSFiddle？

HTML：

<div class="row">
    <div class="col1">One</div>
    <div class="col2">two</div>
</div>
<div class="row">
    <div class="col1">One</div>
    <div class="col2">two</div>
</div>

CSS：

.row{ overflow: hidden; margin: 4px; }
.col1, .col2{ float: left; width: 250px; height: 100px; }
.col1{ background: red; }
.col2{ background: green; }