如何修复容器内的按钮？
如何修复容器内的按钮？
提问于 2018-05-30 06:31:29
我有一个在标题菜单中的按钮，该标题包含徽标和社交媒体图标&该按钮。
我想让这个按钮固定下来，这样当我滚动的时候，它总是在屏幕的顶部。
假设我有以下html代码：
.menu{background:#ddd}
.logo,
.social-media,
.sticky-container{
display:inline-block;
width:30%
}
.logo{background:#000}
.social-media{background:#080}
.sticky-container{background:#333}
.logo,
.sticky-container{color:#fff}<div class="main_container">
<div class="wrapper">
<div class="menu">
<div class="logo">Logo</div>
<div class="social-media">
<div class="facebook">Facebook</div>
<div class="youtube">Youtube</div>
<div class="twitter">Twitter</div>
</div>
<div class="sticky-container">
<a class="sticky-element">Button</a>
</div>
</div>
</div>
</div>
我希望sticky-container中的类为sticky-element的按钮是粘性的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50593902
复制相关文章
相似问题