我在网站的布局方面遇到了一些麻烦,该网站具有标题,内容,“粘性”页脚和侧边栏。粘性页脚,页眉和内容组合本身并不是问题,但是我一生都无法弄清楚如何添加从页眉一直向下到页脚的侧边栏,而又不会弄乱页面的“粘性”。页脚。

我现在的处理方式涉及绝对定位。我基本上制作了一个标题div(height: 71px; top: 0px;),一个页脚div(bottom: 0px; height: 30px;)和一个内容div(top:71px;bottom:30px;)。然后,我将侧边栏浮动到内容div的内部,并将其高度设为100%,并在其旁边添加另一个div(称为“视图”)以获取实际的网站内容。这样可以确保侧边栏从上到下都很好,并且页脚通常位于页面的底部。

但是,当调整窗口大小时,这种方法会出现问题,尤其是当内容太大而无法放入“ view” div本身时。这导致页脚切断内容,向下滚动使页脚在窗口中向上移动。我想要实现一个行为像this的页脚,但也有一个始终从页面的页眉扩展到页脚的边栏。

如果有人想办法在上面链接的页面上添加侧边栏,或者对如何解决该问题有任何想法,将不胜感激。预先感谢。

最佳答案

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

我在想的是,您可以在侧边栏<div>中再扔一个<div>,并将margin-bottom或padding-bottom设置为30px。我将为您开发jsFiddle。

关于html - CSS-粘贴页脚+边栏问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10360322/

10-12 00:22
查看更多