css 负边距

html-css010

css 负边距,第1张

可以通过负值的margin来抵消掉padding的影响

1.margin:负值

当给一个元素设置margin 负值(top/left),该元素将在该方向上产生位移。例如:

/* 元素向上位移10px */

.demo {margin-top:-10px}

二、当给一个元素设置margin负值(bottom/right),这个元素并不会像你所预想的产生位移,而是将任何紧随其后的元素“拉”过来,覆盖在自己的上边。例如:

/* 所有紧随元素demo之后的元素向上位移10px */

.demo {margin-bottom:-10px}

注:如果元素没有设置宽度,那么给该元素设置margin负值(left/right)将会在两个方向增大其宽度,看起来就好像给该元素添加了padding

2.margin正值

负号当然就是小于0;举个例子:

比如margin-left: -150px

你可以理解成,从内容区(比如DIV、table)的左边算起是0px

不加负号的150px就是从左边0像素算起+150像素的位置,加负号当然就是相反,从0像素往左边(因为是margin-left,所以它的复数是左。margin-right当然就是向右。)+150像素的位置。