CSS定位的负边距

时间:2010-04-13 13:12:42

标签: css positioning margin

使用负边距进行定位是否可以?我在我当前的网站上有很多东西,觉得这不是一个稳定的定位方式。我通常建议也使用它们。

例如,我有一个结帐页面,其中有三个div在彼此之上

<div class="A">
   header
</div>
<div class="B">
   content
</div>
<div class="C">
   footer
</div>

(A,B和C),意思是彼此叠加,看起来是附着的。我是这样做的:

.B
{
    margin-top: -20px;
}

在div B上,满足div A的底部。

这是一种良好做法,还是应该使用topleft重新编码?

1 个答案:

答案 0 :(得分:5)

如果你的div之间有一些差距,可能你没有重置你的边距和填充(参见:http://meyerweb.com/eric/tools/css/reset/)。

一般来说,使用负边距并不是坏事,无论如何,如果你被迫在几乎所有地方设置它们,可能你应该重构你的css,因为各种浏览器的结果可能略有不同,这可能导致一个大的头疼:)。