如何讓一個div排成另一個div而不是下面的div？

Question

<div id="holder"> 

    <div id="topleft"> 
    </div> 

    <div id="topright"> 
    </div> 

    <div id="main"> 
    </div> 

</div> 

我有我的網頁上這些div不管我做什麼，topright去下面topleft而不是向它的右邊，使得內容的T形在頁面上與topleft和topright上述形成頭部分其下方的main內容。

什麼會導致它繼續下降到topright以下？

Answer 1

divs是塊元素，所以默認情況下它們是它們容器的100％。所以你必須漂浮它們並給它們一個寬度。

#topleft, #topright { float:left; width: 300px } // put in your own width 

Answer 2

在你的CSS，添加以下內容：

#topleft{ 
float: left; 
} 


#main{ 
clear: left; 
} 

「清除：左」將確保你的主要內容將顯示其他兩個DIV塊以下。