标题下的侧边栏和正文"hiding"



我正在尝试使用css将标题图像添加到我的网站中。我对 css 很陌生,所以我确定我缺少一些非常简单的标签,以便相应地调整侧边栏和正文。

.CSS

#sideContainer {float:left;}
.err {
    color: #FF9900;
}
#navMain {
    margin-left:25px;
    color:#999999;
    font-family:Tahoma, Geneva, sans-serif;
}
#headContainer {
    width: 100%;
    position:fixed;
    top:0px;
    height: 150px;
}
#header{
    margin:0px auto;
    height: 150px;
}
#content {
    float:left;
    padding-left: 10px;
    padding-top: 10px;
}

.HTML

<HTML>
    <HEAD>
        <?php
            require_once('config.php');
        ?>
        <TITLE>Fund Shui Homepage</TITLE>
        <link rel='stylesheet' type = 'text/css' href = 'default.css' />
    </HEAD>
    <BODY>
        <div id = 'headContainer'>
            <div id = 'header'>
                <?php include 'header.html'; ?>    
            </div>
        </div>
        <div id = 'sideContainer'>
            <div id='navMain'>
                <?php include 'sidebar.html'; ?>
            </div>
        </div>
        <div id = 'content'>

只需删除position:fixed即可。这可能与使用 position:relative 相同。

最新更新