2

我正在尝试为自己创建一个投资组合网站，但我才刚刚开始在其他计算机上进行测试。今天我注意到一些浮动 div 在 IE 和 Firefox 中定位不正确的问题。

Chrome 看起来正确，左图，右图 Internet Explorer 在此处输入图像描述

浮动的 div 是 .projects 定义如下：

.project {
    margin: 2.5em 1.5em 0 0;
    width: 30%;
    float: left;
}

我知道项目可能有不同数量的文本和稍微不同的图像尺寸，这可能是原因，但我不知道如何确保在 Chrome 中看到的一致定位？

随意摆弄浏览器中的实际网站：www.holly.im

感谢任何帮助！

....我真的应该将此作为一个单独的问题提出，但我不妨在这里提一下——我在 Firefox 中的页面内容下方有很多额外的空间，我可以在纯灰色上向下滚动一段时间我真的不明白，因为我的大部分网站内容都存在于#pages div 中，萤火虫突出显示告诉我应该在哪里结束。认为值得一问？但我可能会发布一个单独的问题。

4

1 回答 1

1

您需要clear:left在第三个之后添加一个或在您的div.project上设置一个固定的高度。.project

当你的第二个标题更长时，它会导致下面一行上的浮动 div 堆叠在它后面，这将最后两个推到一行

于 2013-02-28T11:56:16.403 回答