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%
}

Live Example

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>

两个div彼此相邻，使用宽度4X％

2 个答案: