CSS 文本溢出错误？在谷歌浏览器中

Question

我正在使用 PHP、MySQL、CSS、HTML 和一些脚本语言从头开始创建我的第一个网站。这是一个交友网站。抱歉我的英语不好，但这不是我的母语。我已经找到了解决我遇到的所有其他问题的方法。但是当我开始测试跨浏览器兼容性时，Chrome 中出现了一个奇怪的错误。网址在这里http://www.writech.net.ee/testsite

该网站的想法是，每个想要与某人约会的人都可以填写一张表格，其中包含他/她的联系数据和描述，然后提交。每个广告都显示为 float 的 div。这些 div 向左浮动。 div 具有固定的高度，因此如果有人写了更长的描述并且它不适合 div，则会出现滚动条。应包含描述文本的 div 带有 1px 红色边框。
广告 div 在 IE9 和 Firefox 11 中是可以的，但在 Chrome 中，文本太多的 div 不适合应该应用“溢出:自动”以显示垂直滚动条的 div，与其他 div 相比，出于某种原因呈现到更高的位置。起初我认为问题与出现滚动条有关，尝试了“溢出:隐藏” - 溢出:隐藏隐藏了过多的文本，但与其他 div 相比，div 仍然显得升高。所以问题与div包含多少文本有关。
由于我以前没有跨浏览器适配经验，所以我不知道该去哪里看，该做什么。有没有人想过要尝试哪些 CSS hack？

Answer 1

不得不说我认为发生这种情况有点奇怪，但是如果您将 .boxes 的 vertical-align 属性设置为 top 有效:.box {vertical-align: top}。