1

我有一个 div 创建为:

<div class="test" style="width:600px; margin:0 auto;"></div>

它的水平位置很好,但我想从页面顶部下降 25px(可能更多)。

我尝试添加top:25px;样式并添加测试类 css,但没有帮助。

div.test{
    color:black; 
    text-align:center; 
    border-radius:5px; 
    -moz-border-radius:5px; 
    border:1px solid #FFF; 
    background-color:#434987; 
}

我在使用的页面上确实有另一个 div,position:absolute;我可以把它放在我想要的地方......但是当我margin:0 auto用来水平居中对齐它时,我无法让它与这个 div 一起工作......

谁能提供一些建议我如何做到这一点?谢谢

4

1 回答 1

3

您可以应用多个边距 CSS 规则:

margin: 0 auto; margin-top: 25px

top(左、右和下)仅适用于某些定位元素(绝对、固定、静态)。是一个关于 CSS 定位的好视频

工作示例:http: //jsfiddle.net/ZFpRN/

于 2013-09-18T13:07:07.323 回答