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

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

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

【问题讨论】:

标签: css tags wrapper


【解决方案1】:

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

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

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

【讨论】:

  • 感谢 Dayle - 我删除了对背景 url 的引用,问题解决了。感谢所有建议。
  • @TaylorFrank 你能标记为正确答案吗,谢谢。
【解决方案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;
          }
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2015-09-04
            • 2011-08-07
            • 1970-01-01
            • 1970-01-01
            • 2021-09-01
            相关资源
            最近更新 更多