gpt4 book ai didi

html - 带侧边栏的棘手粘性页脚

转载 作者:行者123 更新时间:2023-11-28 12:25:07 25 4
gpt4 key购买 nike

我希望在具有全高侧边栏的页面内容区域内放置一个粘性页脚。

这是我正在处理的页面的副本: http://www.lavenderstone.co.uk/stackoverflow/

enter image description here

我曾与 http://ryanfait.com/sticky-footer/ 合作过过去多次成功,并且使用 %'s 代替的方法。我遇到的问题的转折是有一个 100% 高度的侧边栏(绿色),我需要内容 div(灰色)底部的页脚(橙色)。

我不能将页脚 div 放在其父 div 的底部,也不能强制其兄弟项的高度为 100% 减去页脚的高度。我都试过了都没有用。

我可以将页脚放在页面的底部,但这会破坏侧边栏的设计。谁能帮忙?我几乎想求助于 javascript!

最佳答案

将此样式添加到 content-wrap 元素

#content-wrap{
height:100%;
}

将您的页脚元素放入您的内容元素中并添加此样式;

#footer{
position:absolute;
bottom:0;
}

关于html - 带侧边栏的棘手粘性页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18600617/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com