1图片的margin-top与3图片的margin-top发生重叠，2图片的margin-bottom与3图片的margin-bottom发生重叠。
这时候重叠之后的margin值由发生重叠两片的最大值决定；如果其中一个出现负值，则由最大的正边距减去绝对值最大的负边距，如果没有最大正边距，则由0减去绝对值最大的负边距。解决同向重叠的方法：
（1）在最外层的div中加入overflow:hidden;zoom:
1（2）在最外层加入padding:1px;属性（3）在最外层加入：border:1px solid #cacbcc;2.异向重叠问题：
1图片的margin-bottom与2图片的margin-top发生重叠，这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
解决异向重叠问题：
float:left（只能解决IE6浏览器中的异向重叠问题，可以解决IE8以上、chorme、firefox、opera下的同向重叠问题）
css 隐藏元素，css中flowover，css div 上下拖动，jquery点击触发css动画，css悬浮层 页面底部，表格前端css html5，eclipse html css
@ 谁能告诉偶margin和padding的用法以及区别？
margin表示盒子自身的位置描述，padding和border属于自身属性。对于盒子内部的内容来说，margin和padding对于距离的效果差不多的，但是因为padding是盒子属性的原因，会将盒子的其他属性也表示出来，相当于将小盒子变成了大盒子，像background，box-shadow之类属性的表示范围也会增大，而margin相当于将小盒子挪移了一段距离，并没有增大盒子本身。特殊情况除外（总能想到反例，说出来又太麻烦了）
@ 怎么让iframe自适应浏览器的高度和宽度？
让iframe自适应浏览器的高度和宽度的具体步骤如下：
1、首先设置样式：body{margin:0; padding:0;}。
2、如果不设置body的margin和padding为0的话，页面上下左右会出现空白。html代码如下：<iframe src=”http://www.fulibac.com” id=”myiframe” scrolling=”no” frameborder=”0″></iframe>。
3、这个方法可以达到让iframe自适应高度的效果，但是如果将窗口放大或缩小效果就不出来了，也就是本文开头讲的。需要再次刷新，那就不属于自适应了。代码是：
var ifm= document.getElementById(“myiframe”);
@ div浮动？
在CSS里设置DIV标签各属性参数为0div{margin:0;border:0;padding:0;}这里就设置了DIV标签CSS属性相当于初始化了DIV标签CSS属性，这里设置margin外边距为0；边框border属性为0和内补白也为0；这样相当于就初始化了DIV盒子之间距各属性距离为0，这样就不会造成DIV直接有一定的距离。