Safari 中的 CSS 高度

Question

我正在研究 site并且我必须将右框(附属机构)的底部与右框(联系我们)的底部对齐。

问题是，我可以让它在 Chrome、IE 和 Mozilla 甚至 Windows 上的 Safari 中运行，但当它是 Mac 上的 Safari 时却不行。我没有 Mac，但我正在使用 Adob​​e BrowserLab 来查看它的运行情况(客户说它不起作用 :P)

我已经尝试了几种代码/CSS，包括@media，但仍然没有成功(如果您看到代码/布局正在发生变化，那么可能是我在处理它)。

标记和 CSS 都是简单和标准的，只需要帮助使其在主要浏览器、Chrome、Firefox、(现代)IE 和 Mac 上的 Safari 中工作。

当前代码:

#bottom-aff{
    display:inline;
    height: 145px !important;
}

但正如我所说，我正在努力。

请帮忙，谢谢。

Answer 1

绝对不是最优雅的解决方案，但它似乎有效:

#contentleft {
    position: absolute;
    top: 0;
    bottom: 0;
}

.postarea {
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 0;
    right: 0;
}

它基本上让右侧边栏决定#content 的高度，然后强制左侧内容扩展以填充剩余空间。如果左侧栏比右侧边栏高，内容可能会被截断。