CSS - 删除父级填充的负边距

Question

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

例如，以下哪个代码片段更适合使用？

<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>

Answer 1

好吧，这几乎是一个黑客。只要有节制地使用，我会说没问题。关键是要确保它易于阅读和理解。如果需要，请添加评论。