一个完整的html文档包括两个部分,即head和body,其中body是用于展示页面的。之前一直没有留意,直到今天晚上写一部分代码的时候才发现,在默认情况下,chrome浏览器是为body留有边框的。在正常的页面下面还真的不容易看出来,如下图所示,红色框中小小的空隙:
但是使用chome的调试器就会很清楚地看到这个黄色框(用鼠标点击body元素):
尽管大部分时间这对页面并没有什么影响,但是有时确实需要把这个边框去掉,也就是说让body中的元素紧挨着浏览器的边框,这时,就需要修改body元素的margin和padding属性,将两个属性的值都置为0,也即:
<body style="margin:0;padding:0">
修改之后的效果如下:
可以很明显地看到边框被消除了。