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

Question

我想将滑块放在页面底部。我曾尝试使用bottom:0;和CSS，但是它不起作用。请帮助我.slider { margin-left: 15%; margin-right: 15%; position:absolute; } ，以便将“滑块”设置到页面底部。

{{1}}

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

Answer 1

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

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

Answer 2

您要做的是设置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 parent），并为该父标记设置一些CSS：

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

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

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

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