CSS Boxes - 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。这应该工作

Answer 2

我认为这与你申请的80px的保证金权利有关：          #box{margin-right:80px;}​

总共我有780px的3盒+ 240px的所有保证金权利所以这使得1020px，但对于960网格来说太多了我认为..