固定标题,DIV坐在后面而不是

时间:2012-09-26 14:06:32

标签: html css

如果有人可以提供帮助,我会遇到一个小问题。我可能真的很傻,但我似乎无法让我的DIV坐在我固定的标题下,因为它现在正在后面。

</body>
    <div id="container">
        <div id="header">
        </div>
        <div class="home">
            <img src="images/home.jpg" alt="" height="563" width="760">
        </div>
    </div>
</body>

body {
    text-align: center;
}

#container {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    padding-top: 250px;
    position: fixed;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-position: 50% 40%;
}

.home {
}

编辑:另一件事是没有在标题中有一个基本的CSS菜单,不认为代码是这个问题所必需的。

1 个答案:

答案 0 :(得分:7)

定位绝对/固定将div从文档流中取出。要让.home位于标题下方,您需要将其margin-top设为等于标题的高度