无法摆脱我页面上的包装元素答案

【问题标题】：Can't get rid of a wrapper element on my page无法摆脱我页面上的包装元素
【发布时间】：2016-07-05 19:20:14
【问题描述】：

我一直在尝试摆脱此页面中间的灰色细条： http://redesign.emdintegration.com/index.html

它似乎与包装器有关，但我无法让它消失。请帮忙！

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决或您链接的站点无法访问，这个问题将对未来的访问者失去任何价值。发布证明您的问题的Minimal, Complete, and Verifiable example (MCVE) 将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！

【解决方案1】：

从你的 CSS 中删除这一行...

#Content{
background: url(../images/content.gif) 0 100% repeat-x; /*Delete this line*/
}

我相信它是 style-v1.css 中的第 129 行

【讨论】：

【解决方案2】：

查看 #content 的 CSS。它有一个灰色条的背景图像，其中一个子 <div> 元素具有 10 像素的填充。

【讨论】：

【解决方案3】：

您在以下位置有一个 10px 填充：

<div class="container_24" style="padding-top:10px">

删除样式，灰色条纹消失。

如果无法编辑 HTML，可以添加以下 CSS 规则：

.container_24 {padding-top: 0 !important;}

【讨论】：

【解决方案4】：

在您的 #content 上，您有 background: url(../images/content.gif) 0 100% repeat-x; 如果您摆脱它，那应该会解决您的问题。

【讨论】：

【解决方案5】：

看看你的调试器。在.container_24 类中，添加padding-top:0px;，并删除内联样式。这应该消除该类中的所有顶部填充。
最佳实践表明对所有样式使用单独的样式表，而不是脏乱的内联样式。

【讨论】：

【解决方案6】：

#content 的背景 url 是灰线。您可能认为它是一个元素，但它是由 CSS 引导的图像，用于页面上 id="content" 的背景图像。我想 section 元素是用于产品框的，而 #content 是与之相关的。

您可以更改 CSS 以不加载此 (../images/content.gif)，只需将 display: none 添加到样式表上的该行 [第 129 行]

尝试将其复制到它的位置。

#content {
padding:0px 0px 0px 0px;
display: none;
}

【讨论】：