关于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遇到的问题!

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

 
原文地址:https://www.cnblogs.com/momox/p/5800052.html