仅删除 1 项上的填充答案

【问题标题】：Remove padding on 1 item only仅删除 1 项上的填充
【发布时间】：2017-07-24 06:47:45
【问题描述】：

我正在创建的网站存在一个小问题。页面有一个背景和一个中间的白色主体，在白色主体中有文本填充，因此它不会从边框开始。

#content
{ width: 900px;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 20px 30px 20px 31px;
  background: #FFFFFF; 
  text-align: left;}

所以问题是我在内容主体的顶部有一个 jquery 库，但我不希望库在它周围有填充，我的意思是白色主体。我希望画廊从身体的边界开始，在另一端结束。所以我想我必须制作一个没有填充或负填充的新 CSS 标签，但这不起作用。我该如何解决这个问题？

【问题讨论】：

你能包含你的 HTML 吗？

标签： html css border gallery padding

【解决方案1】：

您可以使用与填充量相匹配的负边距，以使画廊与边缘齐平。

body {
  background: #eee;
}
#content {
  width: 900px;
  overflow: hidden;
  margin: auto;
  padding: 20px 30px 20px 31px;
  background: #FFFFFF; 
  text-align: left;
}
.flush {
  background: #171717;
  color: #fff;
  margin: 0 -30px 0 -31px;
}

<div id="content">
  <div>normal</div>
  <div class="flush">flush</div>
</div>

【讨论】：