gpt4 book ai didi

css - 添加一个粘性侧边栏,该侧边栏左对齐到站点包装器的右边缘

转载 作者:太空宇宙 更新时间:2023-11-04 16:02:34 25 4
gpt4 key购买 nike

我想添加一个粘性侧边栏,当您向下滚动时它会留在原地。 This site有一个带有电子邮件选择加入表单的示例。

但是,与该示例不同的是,我希望侧边栏与包装器的右边缘左对齐。

现在我正在使用

.sidebar {
position: absolute;
left: 894px;
top: 188px;
}

定位它,但它并不总是靠在 wrapper 的右边缘。

有什么想法吗?

最佳答案

使用:

.wrapper {
width:100px;
position: fixed;
left:0;
top: 188px;
}

.sidebar {
width:50px;
float:left;
margin-left:50px;
}

这是 wrapper 粘在屏幕左侧且侧边栏靠在 wrapper 右侧的示例。

关于css - 添加一个粘性侧边栏,该侧边栏左对齐到站点包装器的右边缘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9627728/

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