Html Divs赢得'；t位置正确。

我为“noob”的问题感到抱歉，但这让我发疯

<div id="footer">
        <div id="footer_wrapper">
            <div id="project_wrapper">
                <div class="footer_image_div project 1">
                    <p>Axance</p>
                    <img src="/axance/img/upload/small/1336465127.jpg" class="footer_image" alt="" />
                    <div class="info_div">
                        <a href="/axance/projects/view/3">Lees meer...</a>
                    </div>
                </div>
                <div class="footer_image_div project 2">
                    <p>Axance</p>
                    <img src="/axance/img/upload/small/1336465159.jpg" class="footer_image" alt="" />
                    <div class="info_div">
                        <a href="/axance/projects/view/4">Lees meer...</a>
                    </div>
                </div>
                <div class="footer_image_div project 3">
                    <p>Dit is een test</p>
                    <img src="/axance/img/upload/small/1336481215.png" class="footer_image" alt="" />
                    <div class="info_div">
                        <a href="/axance/projects/view/5">Lees meer...</a>
                    </div>
                </div>
                <div class="footer_image_div project 4">
                    <p>Test project</p>
                    <img src="/axance/img/upload/small/1336564574.jpg" class="footer_image" alt="" />
                    <div class="info_div">
                        <a href="/axance/projects/view/6">Lees meer...</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

现在我想要的是，所有4个div都在

项目包装中（在同一行中），只有3个显示，另一个隐藏在div之外。
我如何管理这个

我再次为noob的问题和冗长的信息感到抱歉。
您的div宽度+它们上的边距加起来超过1000px，并将最后一个div强制到下一行（div之外）

如果将.project的宽度更改为：

.project {
  height:220px;
  width:200px;
 }

它们将全部放在一条线上，如下所示：

或者，您可以通过添加额外的类来定制第一个和最后一个div的边距，如。或者可以减少.footer\u image\u div上的边距

.first{ margin-left:0px;}

或

这就解释了盒子模型
 你的div宽度加上你在上面的边距加起来超过1000px，并迫使最后一个div进入下一行（div之外）

如果将.project的宽度更改为：

.project {
  height:220px;
  width:200px;
 }

它们将全部放在一条线上，如下所示：

或者，您可以通过添加额外的类来定制第一个和最后一个div的边距，如。或者可以减少.footer\u image\u div上的边距

.first{ margin-left:0px;}

或

这就解释了盒子模型
 添加在一起的所有项目div的宽度都大于容器的宽度
添加在一起的所有项目div的宽度都大于容器的宽度
这将导致它们全部显示在包装器div中。但是是否有办法隐藏其他div（即使它们的总和超过1000px）就在div外部？您需要在内部添加第二个容器，将宽度设置为大于1000px，然后将原始容器的溢出设置为隐藏。像这样谢谢你。它起作用了：这将导致在包装器div中显示所有div。但是有没有办法将其他div（即使它们的总和超过1000px）隐藏在div的正外部？您需要在div中添加第二个容器，将宽度设置为大于1000px，然后将原始容器的溢出设置为隐藏。像这样谢谢你。成功了：D