Question

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

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

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

以下是demo

jQuery有办法吗？

Answer 1

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

修改

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

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

Check this

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 />

选中此updated fiddle

<强>更新如果您打开使用jquery，请检查此fiddle

如何设置边距值到固定定位div

4 个答案: