【转】有效去除网页顶部空白的方法

今天做好一个网页,预览的时候出现了个怪事。网页顶部和左侧都有一段空白,使网页偏离了一点。本能的就去查看css设置文件。可里面的设置很正确

.body{margin:0;padding:0}

照常理来说是不应该出现这样的状况的。一时间,让我百思不得其解。在网上找了半天没发现什么有用的信息。不过在查看教程时无意发现了几个属性,尝试着添加上,居然去除了这些可恶的空白。

这几个属性需要添加到<body>中。我的代码是这样的:

<body topmargin=”0″ marginheight=”0″ leftmargin=”0″>

将这几个属性添加上后一切正常。

后来,在网上查了一下这几个属性。原来是很普通的,设置浏览器与页面边距的属性。只是不同的浏览器显示的不一样。跟margin的属性差不多。ie下识别topmargin但是firefox下却不识别。所以,应该两个属性一起用才能在各浏览器中得到想要的结果。

解决了这个问题并没有多大的开心,因为以前我也没有添加过这个属性。制作网页时都正常,为什么这么长时间没事,偏偏这次出了问题呢?想来想去只想到了是编辑器的问题。一试,果然是这样。以前用的是pspad,很正常。而现在用的是vim,就出现了问题。不过,我还是觉得用vim比较好,不只是它好用,最主要的是能让我多学点东西。

posted on 2014-03-23 14:52  Code&Farmer  阅读(538)  评论(0编辑  收藏  举报