顶部拖动无闪烁菜单栏
*
{
margin:
0px
padding:
0px
}
body
{
background-image:
url()
background-attachment:
fixed
}
#topNavWrapper
{
width:
980px
text-align:
left
height:
31px
margin:
0px
auto
z-index:100
_position:
relative
_top:0px
}
#topNav
{
width:
980px
float:
left
display:
block
z-index:
100
overflow:
visible
position:
fixed
top:
0px
/*
position
fixed
for
IE6
*/
_position:
absolute
_top:
expression(documentElement.scrollTop
+
"px")
background-image:
url(/upload/2010-3/20100303232637297.gif)
background-repeat:
no-repeat
background-position:
right
height:
31px
}
脚本之家
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
页面中默认顶部和左部是有间距的。一般的都会在CSS样式开头写上
* {
padding:0
margin:0
}
定义所有元素内外边距都为0.可以有效消除一起问题！
你的这个问题是由于文档本身在顶部和部都有默认的距离
或者
html, body {margin:0padding:0}
这样解决！
如果你给#box 加上overflow:hidden 就可以让margin见效。或者你给#box 加上border （不能是none） ；也可以让margin见效。
或者 你在#box外 #box1 以内随便写点文字，也可以让margin见效。
或者如楼上所说，你可以给#box1 加上 padding-top:20px 也可以。
如果你仔细观察，就会发现，虽然#box1 的上面没有空出来的20px的红色，但是 却有空出来的20px的白色，也就是说margin实际上生效了，只是因为#box里面除了#box1什么都没有，所以背景颜色并没有充满#box
