关于盒模型的负margin

1.     负边距对由文档流控制的元素的作用是，会使它们在文档流中的位置发生偏移，但这种偏移不同于相对定位，通过相对定位偏移后，其仍然会坚守着它原来占据的空间，而通过负边距移动后的元素，其原来的空间会被后来的元素占据。注意：负margin不会使元素脱离文档流。

2.     在文档流中，元素的最终边界是由margin决定的。绝对定位的元素定义的top、right、bottom、left等值是元素自身的边界到最近的已定位的祖先元素的距离，这个元素自身的边界指的就是margin定义的边界。

3.     在知道块级元素 width 和 height 的前提下，通过使用 绝对定位 和 负边距 可以使该元素居中

4.     对于没有设置 width 的块级元素，使用负的左右边距可以增大块级元素的宽度。

5.     某个元素虽然是写在了后面，但可以通过负边距让它在浏览器显示的时候是在前面的，甚至覆盖掉前面的元素。

6.     通过设置padding和负边距，可以实现“多列等高布局”，具体查看笔记“CSS布局奇淫技巧之-多列等高”

来自：      http://www.cnblogs.com/2050/archive/2012/08/13/2636467.html#2457812

 

=================

当某个元素的margin左负值，超过自身的宽度时，这个元素会和上一个同级块级元素发生重叠。 这时候继续增大margin左负值，该元素会逐渐从右往左移动。这也是“圣杯布局”的原理。

转载于:https://www.cnblogs.com/bestend/p/4459618.html