中心绝对定位div
我有一个div，其中有一个按钮: 我将按钮位置设置为absolute，并将其样式代码设置为: .buy-btn { text-align: center; position: absolute; bottom: 10px; } 如何将其对准中心?我尝试添加margin: 0 auto;，但是不起作用. 解决方案 如果我理解您的问题，它将按以
..
css-position相关内容
为什么宽度/高度不适用于未定位的伪元素?
我想将 :: before 伪元素的 width 设置为80％.如果我使用定位，则一切正常，但是如果我不使用定位，则一切都会失败. 您能解释一下为什么没有定位时百分比宽度不起作用吗?如果可以的话，请添加一些对该规范的引用 .positioned { position: relative; height: 15px; background-color: aq
..
CSS-父母的位置是绝对的，孩子的位置是相对的，反之亦然
我有一个div托管另一个div.好吧，我得到了当父母是position:relative并且 孩子是position:absolute. 时，我不知道会发生什么 父母的位置是绝对的，孩子的位置是相对的 父母的立场是绝对的，孩子的立场是绝对的 父母的位置是相对的，孩子的位置是相对的 我使用 JSbin 示例questions/24307922/为什么要在其父母双方的正确位置上放置绝对位
..
元素未从顶部移动
相对于父元素位置而言，我在p元素中包含绝对位置，但是当我包含"top"位置时"p"元素不移动.请看下面的代码.
ghghg
和CSS- .btnClass{ position: relative; } p{ position: absolute; top: 20%;/*this is no
..
纯CSS的多个堆叠位置有粘性吗?
在纯CSS中是否可以将多个粘性元素彼此堆叠? 可以在此处看到所需的行为: https://webthemez.com/demo/sticky-multi-header-scroll/index.html 只有我更喜欢使用纯CSS，而不是Javascript实现.我已经对多个粘性元素进行了一些实验，但是不能阻止它们推出其他粘性元素.我试过将它们放在相同的堆栈上下文中: #stick
..
强制“位置:绝对"相对于文档而不是父容器
我试图将div插入正文的任何部分，并使它的position: absolute相对于整个文档，而不是相对于具有position: relative的父元素. 解决方案 您将必须将div放在position:relative元素之外，并放入body.
..
IE11中的CSS位置未设置
我有一个绝对定位的megamenu，并且由于其某些父元素需要具有position:relative，因此我必须在直接父对象上使用position:unset.这在Chrome和Firefox中有效，但是IE11不支持unset或initial. 我不能简单地从所有父元素中删除相对位置，因为这会破坏其他内容，但是我必须使megamenu相对于页面绝对定位(固定位置不起作用). unset是否可
..
身体{overflow-x:隐藏;中断位置:粘性
我有一个要保持位置粘性的元素: #header { position: sticky; width: 100vw; top: 0; } 那很好，但是我意识到如果我使用: body { overflow-x: hidden; } 这会打破粘性，我需要将body over
..
CSS使用负面相对定位问题
我有一个页眉，主体和页脚.标头和主体的样式正确.现在对于页脚，我想使其显示在主体后面，所以我使用了: z-index: -1; position: relative; top: -60px; 这给出了预期的结果，但是我在底部得到了60px的额外空间. 如何清除这个多余的空间? 解决方案 Paul是正确的. margin-top: -60px;代替top: -60px;.另一
..
浏览器滚动条在我的固定div下
我有一个固定的标题，宽度为100％. #header { background: #2e2e2e; width: 100%; z-index: 999; position: fixed; } 浏览器滚动条在我的固定div下.该如何解决? 解决方案 其原因在于base.css第9行的overflow-x: hidden; body { color: #444444;
..
为什么使用绝对位置会导致div在顶部?
请查看以下非常简单的代码段，以在下面说明我的问题: #container { position: relative; padding: 20px; border: 2px solid gray; } #back { position: absolute; top: 0; bottom: 50%; left: 0; right: 0;
..
如果您将"bottom:0"指定为"sticky"，为什么它会做一些与规范不同的事情?
当我阅读有关MDN的文章时，这是一个问题 position属性.我以为此处描述的sticky的行为与实际行为之间存在明显的差异. 根据MDN，固定位置元素将被视为相对位置元素，直到超过指定的阈值为止；当超过阈值时，它们将被视为固定位置元素，直到达到父元素的边界为止(链接). 严格的定位可以被认为是相对定位和固定定位的混合体.粘性定位的元素被视为相对定位，直到它超过指定的阈值为止，在该点
..
如何在Bootstrap响应表中使用省略号
在响应表中，当th中的数据增加时(col-xs-2宽度增加)，text-overflow:ellipsis不起作用. 以下代码:
..
如何使用CSS位置粘性使Bootstrap 4保持侧边栏可见
我有两列这样的布局:
如果将position:sticky设置为侧栏列，则会得到侧栏的粘滞行为: https ://codepen.io/marcanuy/pen/Y
..
如何创建不同级别的粘性标头?
我想用一种优雅的方式在用户滚动时在窗口顶部“收集"多级标题，而position:sticky可以让我获得90％的访问权限.以下代码段的工作方式与我想要的一样，但有一个例外:当标题2b到达顶部时，标题3b仍然可见.由于标头3b是标头2a的“子级"，因此我希望标头2b到达顶部后，滚动标头即可滚动或以某种方式隐藏. (可以预料，标题1b和标题2d都有相同的问题.) 我知道我在这里拥有CSS 应该的
..
仅当固定元素的内容超过视口的高度时，才能使它的内容滚动?
我在网页左侧的fixed中有一个div，其中包含菜单和导航链接.它没有从CSS设置高度，内容由高度决定，宽度固定.问题是，如果内容太多，div将大于窗口的高度，而部分内容将不可见. (滚动窗口无济于事，因为位置为fixed且div不会滚动.) 我尝试设置overflow-y:auto;，但这也无济于事，div似乎也没有注意到它的一部分在窗口之外. 如果div挂在窗外，如何在需要时使其内
..
在Bootstrap 3中使用固定标题(navbar)向下滚动表格行时，如何将表格标题(thead)粘贴在顶部?
具有fixed-navbar的引导程序布局.桌子上有很多行. 问题?，当我滚动页面导航栏时，它会在那里，因为它是固定的.当我滚动更多时，我希望将表标题固定在导航栏下，并且表(表主体)的内容滚动而没有滚动条！ 类似的东西- Codepen **小提琴** 引导表 参考答案后的工作小提琴！ HTML
..
定义“高度"时，“位置:粘性"不起作用
我正在构建一个登录页面，用户首先会在该登录页面下看到一个主要区域，该主要区域下方有页脚.向下滚动可发现页脚是一个粘性页眉，我的目标是使用纯CSS来实现.为了获得主要内容和页脚的全屏外观，我将height属性设置为两个不同的值:92％和8％(使用vh也不起作用).不管我在CSS中指定的height(不同的单位和全部)，我的页脚div都不会停留.一旦删除height属性，它就会按预期工作. 这是
..
我的位置:使用flexbox时，粘性元素不粘性
我在这个问题上停留了一段时间，以为我会分享这个position: sticky + flexbox陷阱: 在将视图切换到Flex Box容器之前，我的粘性div一直工作良好，并且当将div包裹在flexbox父级中时，它突然变得不粘性. .flexbox-wrapper { display: flex; height: 600px; } .regular { ba
..
为什么位置:相对；似乎改变了z-index?
所以我有这个标记，里面有
，它在图像的顶部设置了蓝色叠加层. 如果我不制作.container position:relative，则标题文本将隐藏在蓝色层后面...几乎就像是在模仿z-index 为什么会这样? 笔: https://codepen.io/anon/pen/OBbbZB body { margin: 0;
..