CSS 框 - DIVS

Question

我输入了以下代码 here

我的盒子有问题，它们显示它们在 jsfiddle 上的状态，但在我的 960 网格中顶行还有另外 2 个空间。

为什么要把它推到两条线上？

HTML:

        <div id="holder">
            <div id="box" class="box">
                <p>Text</p>
                </div>
                <div id="box" class="box">
                    <p>Text</p>
                    </div>
                    <div id="box" class="box">
                        <p>Text</p>
                        </div>
                        <div id="box" class="box">
                            <p>Text</p>
                            </div>
                            <div id="box" class="box">
                                <p>Text</p>
                                </div>
                                <div id="box" class="box">
                                    <p>Text</p>
                                    </div>
            </div><!-- Holder End -->

CSS:

#holder{width:100%;height:600px;}    
.box{width:260px;min-height:350px;float:left; border:1px solid red;}
    #box{margin-right:80px;}​

Answer 1

你的右边距:80px；正在为每个元素添加额外的 80px 宽度，因此您很可能在那里用完了空间。尝试删除右边距的 80px，看看是否合适。从那里，调整边距以适应正确位置的所有内容。也许是 60px。这应该有效