Question

div块与顶端距离

#header{
width:760px;
height:130px;
top:35px;
margin:0 auto;
}
我的div块要水平居中，并且和页面顶端要有个固定距离，请问我的代码哪里不对？为什么事先不了那效果呢？我是初学者还没搞太清楚呢。

Answer 1

在没有定义position的情况下top是不起作用的，解决你这个问题可以加个position:relative;(但是不能用position:absolute或者position:fixed,因为那样会使margin:0 auto;的居中效果失效)，不过不推荐这种方法。去掉top:35px;，把margin:0 auto;改为margin:35px auto auto auto;（四个值的方向依次为上右下左）更好。

Answer 2

前面有位兄台说用padding-top，这个可能跟楼主的问题未必合适，padding-top:35px是指容器内的内容距离该DIV的顶部距离35PX，是包含在该DIV内的，
楼主的问题是DIV块要与页面顶端有距离，这个可以用margin-top：35px；或者如前面另一位兄台说的用margin:35px auto

Answer 3

top只有在position为absolute或fixed时才能生效
前者为相对页面的绝对定位，后者为相对浏览器的绝对定位
IE6不支持fixed方式
fixed定位方式不会随浏览器而滚动

Answer 4

top是啥，用于定位用的距离。这个肯定不行的。可以加个padding-top:35px;我想就可以了！

Answer 5

top属性是在position属性被定义的时候有效
可以设置为position:relative;