关于盒模型的负margin

时间：2015-04-27 12:35:59 阅读：96 评论：0 收藏：0 [点我收藏+]

标签：

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

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

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

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

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

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

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

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

标签：

原文地址：http://www.cnblogs.com/bestend/p/4459618.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行