如何让一个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块以下。