Question

我已经非常沮丧地试图完成这个模拟网站，我已经爬到你们那里求助了。我现在有2个问题。首先，每当我打开Firebug来检查我的代码时，我的内容包装器背景都是白色的。其次，我的内容包装器白色背景不包括我在Firefox中的页脚。在IE中它大部分都包含在内但不是100％。切断一行文字。非常感谢任何帮助。

    html,body {height:100%;width:100%;} 

    html,body,#End {margin:0;padding:0;} 

    body {
    text-align: center;
    position:absolute;
    }

    Content_Wrap {
    text-align: left;
    width: 864px;
    margin: 0 auto;
    height:100%;
    background-color:#FFF;
    } 

    address{
font-family:'Advent Pro', sans-serif;
font-size:14px;
float:left;
color:#195a80;
height:100px;
width:auto;
}

    copyright{
font-family:'Advent Pro', sans-serif;
font-size:14px;
float:right;
color:#195a80;
height:40px;
width:auto;
}

    footer{
height:300px;
width:inherit;
float:left;
}

地址和版权位于页脚内部，而除了我的结尾div之外的所有内容都位于内容包装内。当我查看Firebug时，它会在包装器中显示页脚。

链接到我正在处理的模型。 http://ninjasquared.com/LWM/

Answer 1

您的目标是ID，类吗？ body和html是元素但Content_Wrap和copyright可能是ID或类，应分别引用#copyright或.copyright。这是一个w3schools link for ID/class references。

Answer 2

从height:100%移除#Content_Wrap并让包装器填充它。将overflow: hidden;添加到#Content_Wrap会对您有所帮助！

只需将#Content_Wrap替换为：

<强> CSS：

#Content_Wrap {
background-color: #FFFFFF;
margin: 0 auto;
overflow: hidden;
text-align: left;
width: 864px;
}

希望它可以帮到你！

CSS样式的内容包装问题

2 个答案: