Question

我有一个创建为：

的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; 
}

我在页面上有另一个使用position:absolute;的div，我可以把它放在我想要的地方......但是当我使用{{1时，我无法使用这个div将它水平对齐...

有人可以提供一些建议吗？感谢

Answer 1

您可以应用多个保证金CSS规则：

margin: 0 auto; margin-top: 25px

top（左，右和底）也仅适用于某些定位元素（绝对，固定，静态）。 Here是关于CSS定位的好视频

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

从页面顶部定位DIV 25px？

1 个答案: