今天无聊就把以前的CSS Demo翻出来看看,也就动手写了几条代码,如下所示:
1
2
3
代码演示效果如下:
从以上可以发现,各DIV之间存在间隔,而且默认的情况下DIV在各主流浏览器上会留一定的空白间距。
body{ padding:0; margin:0;}div{ padding:0; margin:0; width:100%; position:relative; float:left;}
在源代码加上以上代码后,效果如下:
各DIV之间的空白间距虽然消失了,但是可已发现没有设定高度的DIV的高度居然变高了。这是为什么呢?慢慢研究。