如何让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

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

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