如上图:
DIV1 它到 div2的margin-top:55px;margin-left:75px;
默认情况下,div1的margin-top(left)属性会绑架父元素,它的margin-top(left)会无效,它的margin-left(top)的值会传递给它的父元素。
什么情况下div1的margin-top(left)会有效呢?会出现下面几种情况(对本程序而言)
1、当div2(div1的父类元素)拥有padding-top的值,且不能为0。
2、div1的float不为none;
3、dvi1设置了display:inline-block;
那么我们是如何避免这种情况的?
但是当我们预览的时候,div1它的margin-top和margin-left却为0(或没有设置)
而是将div1的margin-left(top) 转化为div2的 padding-left(top)。