如何将滑块设置在页面底部？

Question

我想将滑块放在页面底部。 我试过使用position: absolute; bottom:0; 但这不起作用。 请帮助我CSS以便将Slider设置在页面底部。

.slider {
   margin-left: 15%;
   margin-right: 15%;
   position:absolute;
}

我真的希望此滑块仅在页面底部。 谢谢！

Answer 1

尝试更改position:absolute; position:fixed;

.slider {
    margin-left: 15%;
    margin-right: 15%;
    position:fixed;
    bottom:0;
}

Answer 2

您要做的是，将position:absolute;设置为position:absolute; bottom:0; 。 如果您想要一些保证金底部，请将bottom设置为所需的值

.slider {
    position: absolute;
    bottom:0;
}

Answer 3

尝试添加bottom:0;

.slider {
    margin-left: 15%;
    margin-right: 15%;
    position: absolute;
    bottom:0;
}

Answer 4

我不确定您要将滑块放在页面底部还是屏幕底部。 但是在这两种情况下，对于干净的解决方案，您都必须为滑块创建一个父标记（带有class class），并为该父标记设置一些CSS：

情况1，如果要将滑块设置到页面底部：

.parent {
   position: absolute;
   bottom: 0px;
}

情况2。如果要将滑块设置到屏幕底部：

.parent {
   position: fixed;
   bottom: 0px;
}