css+div布局定位和边距问题

1 当你在一个大的容器里面给两个小的容器定位的时候

   position：absolute； 这个容器相对于父元素定位，初始位置在父元素的左上角。

   position：relative；设置这个属性高，是子容器相对于上一个子容器的位置，沿着文档流自然的排在上一个子元素的下一个

   位置。

   当你给容器加上一个 float：left。。。。。属性的时候，容器就变成了一个盒子，如果没有float这个属性，那么只能沿着行来

   给元素排列位置，一个元素占满一行，即使你设置了width也是没有用的，虽然容器只使用你设置的宽度。但是当你设置了

   float或者display：inline的时候，你设置width元素就是管用的了，

2   在默认情况下你布局的时候，两个子容器之间是存在边距的，这是默认的边距，所以如果你不想要这些边距的存在，你可以
   设置padding（内边距） 和margin（外边距）