0

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

我尝试了不同的方法,但都没有奏效!

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

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

4

2 回答 2

0

开始了

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

现场示例

于 2013-05-26T05:14:53.077 回答
0
<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>
于 2013-05-26T05:18:15.953 回答