Question

CSS的margin-top的负值问题

CSS的margin-top负值是干什么用的啊？和兼容性有什么关系？如果是负值了，又怎样理解呢？ 只有margin-top有负值？还是margin都有负值？最好再举个简单些的例子，谢谢。

Answer 1

margin的负值，叫负外补丁，4个方向都可以有负值，就是缩小容器的外围。一般配合position使用。

比如一个水平绝对居中的用法。

#box { width:960px; height:50px; margin-left:-480px; padding:0; position:absolute; left:50%; top:0; z-index:16; }

这里就用到了 margin-left:-480px; 是该容器一半的宽度，从而绝对居中。

当然负外补丁用法还不少，自己可以google下。

跟兼容性没有关系，是靠你调整自己的css代码达到兼容的。

追问

说到position，顺便咨询下嘿嘿，比如小div里边用了position:absolute;top:136px; 那么整体的最大的div就要position:relative;？是这样吗？还是说包含这个小div的div就要用position:relative;？

追答

是的，它外围div就要position:relative;。
如果是在当前页面绝对定位，就不用了。比如我上面写的例子。

Answer 2

margin四个方向都可以有负值；举个例子：比如上下两个div，如果它们之间是紧挨着的话、你在下面那个div 设置个margin-top:-10px;的属性 、那么它就会向上移动10px和上面那个div叠在一起、而且下面div上面的那10px会被上面的div覆盖、就相当于它上面被剪切了10px一样、
负边距的作用主要用于使相邻的两个元素靠的更紧密等等、还有很多其他 的应用你自己试下就知道效果了

追问

恩，那请问负像素和浏览器兼容有什么关系吗？所有浏览器都兼容吗？

追答

这个浏览器都兼容的、你自己试下就知道了

Answer 3

负值啊 就是这个标签会往负的方向跑呗