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 回答