CSS定位的负边距

Question

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

例如,我有一个结帐页面,其中三个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的底部.

这是一个好的做法还是我应该使用top和重新编码left？

Answer 1

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

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