Question

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

我有什么办法可以解决这个问题吗？

相关网页是http://goo.gl/mHU3A，页面底部。

Answer 1

我不确定为什么Chrome会这样做（正如你所说，高度都等于410px），但是一个＆＃34; hack＆＃34;你可以做的是添加以下代码（到您的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类位于底部。它在＆＃34; After Effects的脚本之间形成了边距/空间Pt 2＆＃34;并且这个教程链接有点增长，但鉴于这个链接是一种不同的风格，你可以说它是故意的。

很抱歉，这并不是Chrome出现奇怪行为的原因，但希望此修复程序适用：）

祝你好运！

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

1 个答案: