Html CSS-粘性页脚+；边栏问题

我对一个有页眉、内容、“粘性”页脚和侧边栏的网站的布局有一些问题。粘性页脚、页眉和内容组合本身并不是问题，但我一辈子都不知道如何添加一个从页眉一直到页脚的边栏，而不破坏页脚的“粘性”

我现在的做法是绝对定位。我基本上做了一个页眉div（

height:71px；top:0px；

），一个页脚div（

bottom:0px；height:30px；

），和一个内容div（

top:71px；bottom:30px；

）。然后，我将侧边栏浮动到content div的左侧，使其高度为100%，并在其旁边添加另一个div（称为“view”），用于实际的站点内容。这样可以确保侧边栏从上到下都很好，并且页脚通常位于页面的底部

但是，这种方法在调整窗口大小时会出现问题，尤其是当内容太大而无法放入“视图”div本身时。这会导致页脚切断内容，向下滚动会使页脚在窗口中向上移动。我想实现一个页脚的行为类似，但也有一个边栏，总是从页眉延伸到页脚

---

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

除了div的高度和位置之外，你认为你还可以发布一些HTML和CSS示例吗

---

我想的是，你可以在侧边栏中抛出另一个

，并将边距底部或填充底部设置为

30px

。我将为您制作一个JSFIDLE。

您可以在视图div上放置一个

溢出：auto

编辑：

使用固定定位：

---

您还可以查看固定定位。