margin重叠解决方法，margin是CSS里面其中一种样式，作用于HTML框架，但是margin天生就会有重叠的问题，也就是两个margin在一起或者父子级一起会出现这个问题。工具/原料more网页浏览器，比如IECSSHTML5方法/步骤1/9分步阅读

比如我们有两个方块，我们想让小方块放在大方块的中间部分。

2/9

如果我们定义小模块的margin，会发现大小模块都会共用这个margin。

3/9

我们可以在大模块里面加入：

overflow: hidden;

消除了这个重叠。

4/9

也可以在子模块改为：

position: relative;

top: 200px;

不过相对不方便。

5/9

可以用这个来代替也行：

position: absolute;

这样会确定位置。

6/9

我们也可以在父模块加入透明边框。

border: 1px solid transparent;

7/9

也可以直接加个padding: 1px，就是会把方块变大。

8/9

但是如果用display: inline-block；这样就不会改变大小。

9/9

最后一种方法就是加入float: left;

注意事项

根据实际情况运用其中的某个方法更合适

MARGIN重叠溢出HTMLCSS