昨晚是第一天,现在来说说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遇到的问题!
你看完觉得可以,请点个赞,谢谢!