html - div的高度随缩放级别而变化

Question

在我的网站主页上，我有两列，每列包含不同数量的元素。两列的高度加起来为 410px，但是，根据浏览器的缩放级别，两列的底部可能不会对齐。它似乎在 Chrome 中最为明显，而在 Firefox 中根本没有出现。

我能做些什么来解决这个问题吗？

有问题的页面是http://goo.gl/mHU3A，页面底部。

Answer 1

我不确定 Chrome 为什么要这样做（正如你所说，高度都等于 410px），但你可以做的一个“hack”是添加以下代码（到你的 css）：

.test-home { position: relative; }
.test-home .home-new-tutorial-all {
    position: absolute; /* forces it to sit in a specified position */
    bottom: 0; /* don't worry about a left/right, as all we're concerned with is making it sit at the bottom */
    width: 100%; /* required, otherwise it fits to the text-width only */
}

这将强制.home-new-tutorial-all班级坐在底部，无论浏览器处于何种缩放状态。它使“Scripting for After Effects Pt 2”和本教程链接之间的边距/空间增加了一点，但鉴于此链接的风格不同，您可以说这是故意的。

抱歉，这不是 Chrome 行为异常的原因，但希望此修复程序适合 :)

祝你好运！