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

Question

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

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

Answer 1

从您的 CSS...

中删除此行

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

我相信是第129行-v1.css

Answer 2

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

Answer 3

您在以下内容上填充了 10px：

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

去掉样式，灰色条纹就会消失

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

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

Answer 4

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

Answer 5

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

Answer 6

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

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

尝试将其复制到原处。

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

Can't get rid of a wrapper element on my page