兩個div彼此相鄰，使用寬度4X％

Question

我試圖將一個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% 
} 

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>