首先这个问题是针对 ie7 .因为网站之前在非ie7的环境下测试的.
------------------------
今天出现个莫名其妙的问题.翻出以前做的一个网页.顶部出现空白
网页文件上 body "topmargin=0 marginheight=0" 都加上去了.css里面也写入了 body{margin:0;padding:0;}
我在想是不是我的div上面有margin-top;或者pangding-top; 于是全部加上去.效果不变.
做网页也有一年历史了..还今天突然发现这个问题.
一点一点的测试.从最先开始删除了声明语句:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
删除后.发现终于正常了..但网页文字样式都失效了.
于是把目标还是定在css里面.删除申明文档.很明显.让一些css样式失效了.顶部空白问题才解决. 那么也就是说css里面的某一句造成了顶部空白问题.
在css里面逐步删除写笼统代码.因为鄙人写代码有个习惯.喜欢偷懒.
body{margin:0px;padding:0px;font-size:12px;}
li{list-style:none;}
div{overflow:hidden}
.dc{width:980px; margin:auto; margin-right:auto; margin-left:auto; overflow:hidden;}
.left{float:left;}
.right{float:right;}
把许多常用的伪类事先就都写好..当我删除div{overflow:hidden}.
一切都好了..你要问原因.我只能耸耸肩.因为我之前一直都是这样写的..唉..这个空白的问题恼了我几天了都..记载下来给自己提个醒.