如何让div排到另一个div的右边而不是下面？

Question

<div id="holder">

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

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

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

</div>

我的页面上有这些div，无论我做什么，topright都在topleft下面而不是在它的右边，在页面上用{{制作T形内容1}}和topleft在其下方的topright内容上方形成标题部分。

什么会导致它继续低于main？

Answer 1

div是块元素，因此默认情况下它们是容器的100％。所以你必须漂浮他们并给他们一个宽度。

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

Answer 2

在你的CSS中

，添加以下内容：

#topleft{
 float: left;
}


#main{
 clear: left;
}

'clear：left'将确保您的主要内容显示在其他两个DIV块之下。