小贝子编程

中间的div底部没有位置元素



我有一个固定的标题和唯一的方法，我可以找出如何把我的导航菜单在我的标题中间是通过使我的标题与相对的位置。还有别的办法吗?谢谢。我也试过把导航菜单放在页眉的底部。也没有成功……

http://jsfiddle.net/LR7zV/

<div id="header">
    <img id="logo" src="/img/logo.png">
    <div id="nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
    </div>
</div>
CSS

/*-- HEADER --*/
#header {
    position:fixed;
    top:0px;
    width:100%;
    background-color:#2C2E31;
    border-bottom:#242426 solid 2px;
}
img#logo {
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}
#nav ul li {
    list-style-type:none;
    display:inline;
    margin-bottom:0px;
    padding-bottom:0px;
}
#nav ul li a {
    text-decoration: none; 
}
#nav li a {
    font-size:20px;
    padding-left:15px;
    padding-right:15px;
}
/*-- CONTENT --*/
body {
    margin:0px;
    padding:0px;
    background-color:#2A2B2D;
}

试试这个:

#nav {
    text-align: center;
}
<

JSFiddle演示/strong>

相关内容

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium