0

我在这里放了以下代码

我的盒子有问题，它们在 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;}​
4

2 回答 2

2

你的margin-right：80px；正在为每个元素添加额外的 80px 宽度，因此您很可能会用完那里的空间。尝试删除右边距的 80px，看看它是否合适。从那里，调整边距以将所有内容都放在正确的位置。也许可能是 60 像素。那应该工作

于 2012-10-28T23:32:05.517 回答
0
于 2012-10-28T23:27:24.230 回答