jquery - 如何将边距值设置为固定定位的 div

Question

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

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

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

这是演示

jQuery有办法吗？

Answer 1

尝试给出margin-bottom:200px; for the top div class #someid这个也会给出相同的结果 检查这个

编辑

添加position: relative;而不是固定然后它将起作用。

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

检查这个

Answer 2

固定定位将元素从文档流中取出，因此不会调整元素的边距。如果您无法更改 html，请尝试添加

body {
    margin-bottom: 200px;
}

顺便说一句，如果你真的需要在页面底部添加一些内容，但只能访问样式表，你可以使用这个：

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

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

Answer 3

#someid{
        position:absolute;
        height: 700px; 
        background-color: yellow;
        width: 100%;
        }
#abs{
     position:absolute;
     background-color: red;
     padding: 20px; 
     width: 100%;
     margin-top:200px;
    }

Answer 4

如果和之间的空间#abs是#someid你的问题，那么有换行符<br />

检查这个更新的小提琴

更新： 如果您愿意使用 jquery，请检查此小提琴