CSS学习--DIV布局的空白间距_html/css_WEB-ITnose

今天无聊就把以前的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的高度居然变高了。这是为什么呢？慢慢研究。