margin重叠解决方法

网页浏览器，比如IE

CSS

HTML5

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

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

我们可以在大模块里面加入：overflow: hidden;消除了这个重叠。

也可以在子模块改为：position: relative;top: 200px;不过相对不方便。

可以用这个来代替也行：position: absolute;这样会确定位置。

我们也可以在父模块加入透明边框。border: 1px solid transparent;

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

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

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