CSS div 页脚和列高问题

Question

我这里有两个问题:http://jsfiddle.net/BtGtT/3

第一个问题是页脚应该总是在页面的底部，所以如果我改变我的“otherContent”div为 75px 而不是 1500px，页脚应保留在页面底部(而不是在我将其更改回 1500px 时位于中间)。我不确定如何更新我的 CSS 来实现这一点。

第二个问题是我需要我的“contentLeft”和“contentRight”div始终与我的“contentCenter”保持相同的高度 div .所以当我更新我的“otherContent”时 div像在 JSFiddle 中一样是 75px 或 1500px，“contentLeft”和“contentRight”div s 应该匹配。这可能吗？

在我的实际网页中，我有一个 <ASP:ContentPlaceHolder>控件和其中的内容可以有不同的高度。我想让侧栏的高度与中心内容的高度相同。

Answer 1

Sticky Footer和 Faux Columns

更多信息:

阅读this . CSS(至少是 2)确实在努力解决这个问题。所以你的一些选择是:

• 使用 repeat-y 平铺 image 以产生全长列的错觉
  • 如果您可以接受一些优雅的降级，渐变也可以使用
• 使用伪元素
• CSS3 flexbox

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

只是read this article .