Css 车身背景福禄克-顶部空白

这真的很奇怪。当在FF中查看此页面时，它的顶部会有一条白色条纹，这是正文的一部分-我知道，因为我使用了红色边框技术来查看元素

你知道为什么吗？ 尝试添加：

#main-page-body-wrapper{
  height: 0px;
}

或者将背景色设置为黑色。我在chrome和firefox中查看了它。使用firebug和chrome inspect element工具。创建空白的不是正文，而是#主页正文包装器元素。

尝试添加：

#main-page-body-wrapper{
  height: 0px;
}

---

或者将背景色设置为黑色。我在chrome和firefox中查看了它。使用firebug和chrome inspect element工具。这不是创建空白的正文，而是“主页正文包装器”元素。

问题在于您的

\slideshow

元素的位置绝对正确。这会将其从正常页面流中删除，因此您的

#主页体包装器

基本上是空的，仅位于页面顶部

我建议你避免绝对定位，除非你真的非常确定你需要它。我建议做一些改变。首先要摆脱绝对定位：

#slideshow {
    height: 541px; /* Height of the slideshow */
    position: relative;
    /* Remove width, left, top and margins from here */
}

位置：相对将当前位置设置为绝对定位的任何子元素（如幻灯片图像）的起点。如果这不合理，请查看：


div和其他块级元素不需要
width:100%
，因为这是默认值，所以请删除：

#main-page-body-wrapper  {
    /* Remove width from here */
    text-align: center; /* IE6 centering Part 1 */
}

#main-page-inside-wrapper  {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0;
    width: 1000px; /* Width of the slideshow */
    text-align: left; /* IE6 centering Part 2 */
}

我不明白你为什么需要
#内容包装
内
#主页内包装
-它看起来什么都没做。你应该尽量保持你的HTML尽可能简单，以避免混乱和混乱；你只需要两个div就可以完成跨浏览器居中，就像你正在做的那样。如果我是你，我会去掉
#content wrapper

这决不是一个完整的解决方案，但应该能帮助你达到目标。祝你好运
 问题是您的
#幻灯片
元素的位置绝对正确。这会将其从正常页面流中删除，因此您的
#主页体包装器
基本上是空的，仅位于页面顶部

我建议你避免绝对定位，除非你真的非常确定你需要它。我建议做一些改变。首先要摆脱绝对定位：

#slideshow {
    height: 541px; /* Height of the slideshow */
    position: relative;
    /* Remove width, left, top and margins from here */
}

位置：相对将当前位置设置为绝对定位的任何子元素（如幻灯片图像）的起点。如果这不合理，请查看：


div和其他块级元素不需要
width:100%
，因为这是默认值，所以请删除：

#main-page-body-wrapper  {
    /* Remove width from here */
    text-align: center; /* IE6 centering Part 1 */
}

#main-page-inside-wrapper  {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 0;
    width: 1000px; /* Width of the slideshow */
    text-align: left; /* IE6 centering Part 2 */
}

我不明白你为什么需要
#内容包装
内
#主页内包装
-它看起来什么都没做。你应该尽量保持你的HTML尽可能简单，以避免混乱和混乱；你只需要两个div就可以完成跨浏览器居中，就像你正在做的那样。如果我是你，我会去掉
#content wrapper

这决不是一个完整的解决方案，但应该能帮助你达到目标。祝你好运
 解决方案是将padding/margin设置为0。我希望它能帮助别人。
解决方案是将padding/margin设置为0。我希望它能帮助别人。
明白了，必须将padding/margin设置为0。明白了，必须将padding/margin设置为0。谢谢推荐。添加额外的div是因为此页面是Zen cart软件的一部分，因此索引页面的任何布局更改都将出现在每个页面中，当然可以更改，但这并不值得。这些div没有做任何事情，也没有伤害任何人。正如我所说，我解决了这个问题。谢谢你的建议。添加额外的div是因为此页面是Zen cart软件的一部分，因此索引页面的任何布局更改都将出现在每个页面中，当然可以更改，但这并不值得。这些div没有做任何事情，也没有伤害任何人。正如我所说，我解决了这个问题。