关于margin的问题

昨晚是第一天，现在来说说margin的这个存在的问题吧，

嗯，就是当你碰到

<div class="max-box">

     <div class="box1"></div><div class="box2"></div>

</div>

 

时候 ，

你给box1设置margin-top:100px时，它的父元素

(也就是max-box)会同时下去100个像素，这时我们解决的办法就是给max-box这个最大的盒子设置个border(对，就是边框)，这是问题就解决了，不行，赶快试试吧，

2：当我们给box1的margin:100px 50px 100px 50px (代表上右下左);给box2的margin:100px 50px 100px 50px;时这两个盒子中间应该是200px;可是真实情况却不是，出现了box1和box2中间叠压问题，所以我们解决的方法是:把其中的一个盒子得上边距100px改为200px；另个不变，这时你看中间的空隙就是真正的200px，

 

以上就是margin遇到的问题!

你看完觉得可以，请点个赞，谢谢!