用于定位的 CSS 负边距

Question

用负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 的底部相交。

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

Answer 1

如果您的 div 彼此之间有一些边距，则可能您没有重置边距和填充(请参阅:http://meyerweb.com/eric/tools/css/reset/)。

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