gpt4 book ai didi

html - CSS 导航栏着色问题

转载 作者:行者123 更新时间:2023-11-28 12:42:09 30 4
gpt4 key购买 nike

我正在为网站创建导航栏,但没有显示导航栏的背景色。当 nav 标签在 CSS 中有 float: left; 时,背景颜色不显示。当 nav 标签没有 float: left; 时,显示背景色。当 navfloat: left; 时,如何显示背景色?

<body>
<div id="menubar" class="centered">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="book.html">Booking</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</body>

@charset "UTF-8";
a {
text-decoration: none;
font-style: normal;
font-weight: 600;
font-family: source-sans-pro;
}
ul {
list-style-type: none;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
}
nav {
background-color: #4D4D4D;
float: left;
}
li {
width: 25%;
text-align: center;
float: left;
}

最佳答案

这个 fiddle 显示当你的导航 float 时,背景颜色出现:

http://jsfiddle.net/DhAsa/

也许您的问题需要反过来?如果是这样,将 overflow:hidden 添加到您的 nav css 声明应该可以解决问题。 (或任何您想清除 floated elements 的方式)

关于html - CSS 导航栏着色问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17626114/

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