关于位置问题

.header{

margin: 25px auto; 、

width: 1200px; 

}

页眉上边距 25px；

.content{

    width: 1200px;

    margin: 25px auto; /* 上下左右*/  

}

问题1：正文设置的也有25px。这不是设置的2者之间的外边距吗？为什么还重合在一起阿。是因为页眉称为了脱标流吗？正文位置的25px，实际是和浏览器顶部的边距，如果页眉不是浮动效果，在设置25px的话，就是页眉和正文2个div之间的外边距为25了？ 对吗？

那为什么content不设置margin-top也不影响效果呢

.content{

    width: 1200px;

    margin-left: auto;

    margin-right: auto; /* 上下左右*/  

}

我这样试了，效果一样的啊。 

问题2：但是有个问题，页眉脱标流之后，下面的板块不是应该顶上去吗，实现重叠的效果，为什么还是分离呢？

就比如这样

.div1{

width: 200px;

height:200px;

background-color: red;

float: left;

}

.div2{

width: 200px;

height:200px;

background-color: blue;

}

.div3{

width: 200px;

height:200px;

background-color: green

}

问题3：当第一个div1设置浮动后，第二个div2就消失不见了，因为到div1本身的位置了。

问题4：

.content .banner .banner-img{

margin-top: 30px;

}

这个是图片和谁的边距，和header吗？还是和content的外边距？为什么我设置banner的边距，没有效果呢？banner不是一个div吗，img在banner中，设置banner的top边距不是也可以吗？为什么设置了它的边距，导致header和content 一起移动，而不是banner和content的边距？这不是2个div吗