css - Safari 中的 CSS 高度

Question

我在一个网站上工作，我必须将右框（隶属关系）的底部与右框的底部（联系我们）对齐。

问题是，我可以让它在 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的高度，然后强制左侧内容扩展以填充剩余空间。如果左栏比右侧栏高，内容可能会被截断。

Answer 2

请尝试使用 max-height,min-height 属性。