Question

我正在处理site，我必须将右侧框（Affiliation）的底部与右侧框的底部对齐（联系我们）。

问题是，我可以在Chrome，IE和Mozilla甚至Safari上运行它，但不适用于Mac上的Safari。我没有Mac，但我使用Adobe 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属性。

Safari中的CSS高度

2 个答案: