我已经将此CSS应用于固定位置div

#abs{
position: fixed;
bottom: 0;
background-color: red;
padding: 20px;
width: 100%;
margin-top: 200px;
}


但是margin-top: 200px;不起作用。

这是demo

jQuery有办法吗?

最佳答案

固定位置会将元素从文档流中移出,因此不能摆弄元素的页边空白。如果您无法更改HTML,请尝试添加

body {
    margin-bottom: 200px;
}


顺便说一句,如果您确实需要在页面底部添加一些内容,但只能访问样式表,则可以使用以下方法:

body:nth-last-child(1):after {
    content: "aha ";
    line-height: 200px;
}


http://jsfiddle.net/DomDay/QqMFX/

关于jquery - 如何将边距值设置为固定位置的div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17562676/

10-11 06:51