CSS - 粘滞页脚+补充工具栏问题

Question

我遇到了一些有关标题，内容，“粘滞”页脚和侧边栏的网站的布局问题。粘性页脚，标题和内容组合本身并不是一个问题，但我不能为我的生活弄清楚如何添加一个从标题直到页脚的侧栏，而不会搞乱“粘性”的“粘性”页脚。

我接近它的方式现在涉及绝对定位。我基本上做了一个头div（height: 71px; top: 0px;），一个页脚div（bottom: 0px; height: 30px;）和一个内容div（top:71px;bottom:30px;）。然后，将侧栏放在内容div中，并将其高度设置为100％，然后在其旁边添加另一个div（称为“视图”）以获取实际网站内容。这可以确保侧栏从顶部到底部很好，页脚通常位于页面的底部。

但是，当窗口被调整大小时，这种方法会出现问题，特别是当内容太大而不适合“查看”div本身时。这会导致页脚切断内容，并且向下滚动会使页脚在窗口中向上移动。我想实现一个页脚，其行为与this类似，但也有一个侧栏，始终从页眉的页眉延伸到页脚。

如果有人可以想办法在上面链接的页面上添加一个这样的边栏，或者对如何解决这个问题有任何想法，这将不胜感激。事先感谢。

Answer 1

您是否认为除了div高度和定位之外，您还可以发布一些HTML和CSS示例？

我在想的是你可以在边栏<div>内再投入一个<div>，并将margin-bottom或padding-bottom设置为30px。我会为你工作一个jsFiddle。

Answer 2

你总是可以把overflow: auto放在你的view div上。

http://jsfiddle.net/dzRZd/

编辑：

有了固定的位置，而不是： http://jsfiddle.net/ekSvQ/2/