CSS div页脚和列高度问题

Question

我在这里遇到两个问题：http://jsfiddle.net/BtGtT/3

第一个问题是页脚应该始终位于页面底部，因此如果我将“otherContent”div更改为75px而不是1500px，则页脚应保留位于页面底部（当我将其更改回1500px时，不在中间）。我不确定如何更新我的CSS以实现这一目标。

第二个问题是我需要“contentLeft”和“contentRight”div始终与我的“contentCenter”{em>相同的高度 { {1}}。因此，当我将“otherContent”div更新为像JSFiddle中的75px或1500px时，“contentLeft”和“contentRight”div应该匹配。这可能吗？

在我的实际网页中，我有一个div控件，其中的内容可能有不同的高度。我想保持我的侧柱与中心内容的高度相同。

Answer 1

Sticky Footer和Faux Columns

更多信息：

阅读this。 CSS（至少2）真的在努力解决这个问题。所以你有几个选择：

• 使用repeat-y平铺图像，以显示全长列的错觉
  • 如果你能接受一些优雅的退化，渐变也会起作用
• 使用伪元素
• CSS3 Flexbox

所有这些都有它们的好处，并且不同的浏览器支持。

只需read this article。

Answer 2

在#divFooter中，摆脱位置并使用clear：both。请查看this post以获取清晰有效的示例。

对于其他问题，请检查this example。