我的CSS有问题吗?

我的CSS有问题吗?,css,themes,Css,Themes,嗯,链接是 请随意查看源代码以帮助我,我的css文件是,无论如何,出于某种原因,正文覆盖了标题,我不想这样,请帮助?这修复了FF中的问题,也应该在IE中实现这一点: #Container { background-color: red; clear: both; /* NOTICE THE ADDITION OF CLEAR */ font-family: Courier; margin-left: 10px; margin-top: 2px; o

嗯,链接是
请随意查看源代码以帮助我,我的css文件是,无论如何,出于某种原因,正文覆盖了标题,我不想这样,请帮助?

这修复了FF中的问题,也应该在IE中实现这一点:

#Container {
    background-color: red;
    clear: both; /* NOTICE THE ADDITION OF CLEAR */
    font-family: Courier;
    margin-left: 10px;
    margin-top: 2px;
    opacity: 0.7;
    text-align: left;
    width: 80%;
}

添加
清除:左
#容器
。这将防止浮动元素重叠


参考资料:

这是因为您的标题向左浮动,而
#container
则不是。在您的
#容器中使用
clear:both

此外,还有一些建议,因为您的html看起来很差:不要使用
。改用div/span+样式。您的
标记应位于
标记内。在您的情况下,该特定的
标记应替换为
,因为它是站点的标题。您可以使用以下内容:

<div id="container">
    <div id="header">
        <h1>Gaming-House</h1>
    </div>
    <div id="content">
        <p>Hi</p>
       <!-- stuff -->
    </div>
</div>

赌场
嗨


请随意发布您的问题的相关代码、标记和CSS。