下面在回到两个水平div外边距重合问题
ie6和火狐是一样的
由此说明，水平外边距不会重合
如何第一个div没设置浮动，第2个设置了
那么不会水平排列的
先看火狐的
立即学习“前端免费学习笔记（深入）”；
这里可以看出对于float的div和普通div， 垂直外边距是不会发生重合的
在看ie6的
第2个div竟然把左边的外边距和第一个div相加了，是10px，所以说浏览器兼容问题是挺麻烦的呀
浮动div是可以根据普通div来定位的
那么普通div能否根据浮动div来定位？实验一下
这里故意把第3个div弄大点
仿虎嗅商学院在线视频教育门户网站源码，织梦内核，页面简洁，容易维护修改；适合做在线教育类网站，网站模板修改简单，网站设置多个广告位方便放置广告。适用于视频网站，在线教育、在线商学院；图片展示效果极佳;网站手工div+css，代码精简，首页排版整洁大方、布局合理、利于SEO、图文并茂、静态HTML；首页和全局重新做了全面优化，方便大家无缝使用。
可以看出，它是不知道第2个div存在的，而是根据第一个普通div来定的位，中间相距50px
这里第3个div并没有覆盖第2个div，而是在他下面，把第2个div弄别的颜色就看的出来
因为普通div只能在地上，不可能到空中的
在看看ie6的显示。。。
我觉得用IE6学CSS就是个悲剧。。。
那么，浮动div能否根据浮动div定位呢？
答案是肯定的
ie6也一样
下面总结一下
浮动元素是可以根据非浮动元素（就是普通div）和浮动元素来定位的
而非浮动元素只能根据非浮动元素定位，不能根据浮动元素定位
那么关于机场的比喻要重新诠释下了
浮动元素是飞在空中的飞机 非浮动元素是停在地上的飞机
如何非浮动元素占用了一块区域，浮动元素就不会占用这块区域，因为在空中是能看到地面的情况的，所以能够根据非浮动元素来定位
而如果浮动元素占用了一块区域，非浮动元素在地上是不知道空中的情况的，所以不会知道它的存在，所以两者会发生重合，一个在天，一个在地
以上就是div+css网页布局设计新开端（7）的内容，更多相关内容请关注PHP中文网（www.php.cn）！
