CSS – 负边距删除父级填充

使用负边距去除包装元素的填充是一个好习惯吗?

例如,以下哪个代码段更好用?

<div style="padding: 5px;">
 Shortened width string
 <div style="margin: 0 -5px;">Full width string</div>
 Shortened width string
</div>

要么

<div>
 <div style="padding: 5px;">Shortened width string</div>
 <div>Full width string</div>
 <div style="padding: 5px;">Shortened width string</div>
</div>

最佳答案 为什么不直接声明填充:5px 0;所以你没有水平填充?虽然我认为使用负边距是完全没问题的,但这就是他们所做的,但是如果你可以首先避免它们,那就去做吧.

点赞