两个div相邻，宽度为4X%

Question

我试图将一个div放在另一个div旁边，每个div占用父div宽度的一半。

我试过不同的方法，但都不起作用!

我试着让左边的那个向左浮动，右边的那个向右浮动。

我也试着让他们显示:inline和inline-block，什么是目前的方法来接近这个??

Answer 1

开始

HTML

<div class="parent">
    <div class="child1">
    </div>
    <div class="child2">
    </div>
</div>

CSS

.child1{
    background: blue;
    float: left;
    height: 200px;
    width: 50%
}
.child2{
    background: red;
    float: left;
    height: 200px;
    width: 50%
}

生活例子

Answer 2

<div style="width:500px;">
    <div style="width:50%; height:100px; background-color:blue; float:left;">left</div>
    <div style="width:50%; height:100px; background-color:red; float:left;">right</div>
</div>