我在网站的布局方面遇到了一些麻烦,该网站具有标题,内容,“粘性”页脚和侧边栏。粘性页脚,页眉和内容组合本身并不是问题,但是我一生都无法弄清楚如何添加从页眉一直向下到页脚的侧边栏,而又不会弄乱页面的“粘性”。页脚。
我现在的处理方式涉及绝对定位。我基本上制作了一个标题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/