在CSS中使用负边距或填充是不好的做法

Question

以下图片为例，我正在研究的项目... 蓝色背景是一个DIV，位于另一个DIV的内部，它将所有侧边栏接触部分包裹在一起。为了使Blue BG DIV具有圆形边框并且由于父级边距/填充而没有间隙我必须使用负边距
margin: -9px -2px 8px -6px;

所以问题是，使用负边距或填充是不好的做法？

Answer 1

没有;这是不错的做法，只要你知道你使用负边距的事实，并且这必然会“拉动”/“移动”元素从其他“正常”的位置。

为什么你会担心这个？

Answer 2

负边距是否定标题元素内部填充的好方法。我没有发现使用负边距的负面结果（原谅双关语）。 E.g：

<div style="padding:10px;border:1px solid blue;">
 <div style="margin:-10px -10px 10px -10px;backgorund-color:yellow;">Full width heading</div>
 The content of the div which is now padded in by ten pixels.
<div>

当我第一次发现它们时，我担心负边距，但发现它们非常有用，是如此多的布局区域 - 实际上减少了div数量并清理了布局代码。