Question

嗯，链接是http://gaming-house.net/ 随意查看来源以帮助我，我的css文件是http://gaming-house.net/Theme/style.css，无论如何由于某种原因身体覆盖标题，我不想要这个，请帮忙吗？

Answer 1

这是因为您的标题左侧浮动而#container不是。以clear:both样式使用#container。

另外，一些建议是因为你的html看起来很差：不要使用<font>。请改用div / span + styles。您的<link>代码应位于<head>代码中。在您的情况下，该特定<font>标记应替换为<h1>，因为它是网站的标题。你可以使用这样的东西：

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

Answer 2

这解决了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%;
}

Answer 3

将clear: left;添加到#container。这应该可以防止浮动元素的重叠。

参考：W3Schools page on clear

我的CSS有问题吗？

3 个答案: