html - div向左浮动

Question

我在一个需要很多列的页面上工作。列应该向左浮动，列下不应该有列。(如果可能没有滚动条，只需让超出屏幕的列无法访问)。

Atm，我的第二列在我旁边的第一列下面。

<div id="container">

    <div id="menu">
    </div>

    <div id="book">

        <div id="column1" class="column_n">
        </div>

        <div id="column2" class="column_n">
        </div>

    </div>

</div>

CSS:

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana;
    font-size: 20px;

}

.column_n {
    width: 480px;
    margin: 20px;
    float: left;
}

Answer 1

这是因为您需要为您的 div 找到正确的 width 和 margin 值:

一个前任:

http://jsfiddle.net/e9a7w/1/

如果您的 #book 或 body 的宽度为 960px

，它应该是这样的

http://jsfiddle.net/e9a7w/2/