Javascript 如何让我的浮动div在主流浏览器中保持一致？

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

Chrome看起来正确，如左图所示，internet explorer如右图所示

浮动div是。项目定义如下：

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

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

在浏览器中随意摆弄实际的网站：

谢谢你的帮助

---

..我真的应该单独问这个问题，但我不妨在这里提一下-我在Firefox的页面内容下面有很多额外的空间，我可以在纯灰色上向下滚动一段时间，但我并不真正理解，因为我的大部分网站内容都存在于“pages”分区中，firebug突出显示告诉我应该在哪里结束。觉得值得一问吗？但是我可能会发布一个单独的问题。

您需要在第三个

.project

之后添加一个

clear:left

，或者在

.project

分区上设置一个固定高度

---

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

尝试将你的HTML发布到，我知道你发布了一个很好的网站，但是如果这个网站是gonemake的话，它对未来的人们不会有帮助。确保IE也不会处于“怪癖”模式。最有可能的问题是，文本会扩展到两行，下面没有图片的空间，然后它会下降。将高度设置为你的

.project

div，并且应该是固定的。你好，Holly，我正试图查看你的网页，但它似乎直接将我带到带有简历链接的about页面。我认为可能有一些javascript的疯狂，因为它会在页面加载时立即将我滚动到页面的最右侧，而我无法返回。我只是想让你知道（顺便说一句，使用Chrome）。我投票决定结束这个问题，因为它对你的网站太具体了，不太可能帮助任何未来的访问者。最好的问题有一个小的自包含的示例，其中包含的代码刚好足以演示问题，没有任何额外的内容。将此代码直接发布到问题中。这样做可能需要很多工作，但这是解决问题过程中的关键部分。