html - 两个相邻的 div，使用宽度 4X%

Question

我试图将一个 div 彼此相邻放置，每个 div 占其父级宽度的一半。

我尝试了不同的方法，但都没有奏效！

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

我还尝试让它们显示：内联和内联块，解决这个问题的正确方法是什么？

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>