Question

我希望徽标div位于导航容器的顶部。我怎么做到这一点？我一直在玩定位，似乎没有任何工作。它们都在标题容器内。

这是我的CSS代码：

和js链接：

header {
position: relative;
height:100px;
background-color: yellow;

}

.logo {
position: absolute;
margin-top:10px;
margin-left:20px;
width:80px;
height:80px;
background-color: red;
}


nav {
position: absolute;
width:100%;
bottom: 0;
background-color: bisque;   
}

和HTML

    <header>
    <div id="logo">Logo</div>
    <nav>
        <ul>
            <li><a href="#">| Hours |</a></li>
            <li><a href="#"> Facilities |</a></li>
            <li><a href="#"> Restaurant Charlotte |</a></li>
            <li><a href="#"> Penthouse Suite |</a></li>
            <li><a href="#"> Gift Shop |</a></li>

        </ul>
    </nav>
</header>

Answer 1

你是说这个意思吗？ http://jsfiddle.net/4vA93/4/

#logo {
    z-index:10;
}

或者喜欢这个？ http://jsfiddle.net/4vA93/5/

重叠导航的div

1 个答案: