gpt4 book ai didi

css - 我如何使我的导航与 Logo 一致?

转载 作者:行者123 更新时间:2023-11-28 16:46:07 28 4
gpt4 key购买 nike

我有以下代码,现在只是 div 中的一个 Logo ,但我正在尝试添加一些导航单元格,稍后我将对其进行样式设置。问题是,我似乎无法让它们与(除此之外) Logo “一致”,它们总是下降到下一行。我做错了什么?

    #header {
position:relative;
padding-top:0px;
width:960px;
margin-left: auto ;
margin-right: auto ;
}
#nav {
padding:0px;
height:20px;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
}
#nav li {
display:inline;
margin:0;
padding:0;
}

<div id="header">
<img src="logo3.png" height="91" width="162">
<div id="nav">
<ul>
<li>nav item 1</li>
<li>nav item 2</li>
<li>nav item 3</li>
</ul>
</div>
</div>

最佳答案

在这里,http://jsfiddle.net/PLmSB/1/

在 Chromium 中测试

你只需要添加

#nav {
display: inline-block;
vertical-align:top; /*optional*/
}

请务必在 Cross-Browser Support for Inline-Block 上阅读这篇文章

否则,正如@Ana 指出的那样,

img {
float: left;
}

这应该有效。 http://jsfiddle.net/PLmSB/3/

关于css - 我如何使我的导航与 Logo 一致?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11496238/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com