CSS導航欄着色問題
[英]CSS Navigation Bar coloring problems
問題描述
我正在為網站創建導航欄，但沒有顯示導航欄的背景色。 當nav標簽float: left; 在CSS中，背景顏色不顯示。 當nav標簽沒有float: left; ，背景顏色顯示。 nav float: left;時，如何顯示背景色float: 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;
}
2 個解決方案
解決方案1
0 已采納 2013-07-13 01:44:43
此小提琴表明，當您的導航器浮動時，背景色將出現：
也許您的問題需要反過來？ 如果是這樣，在您的nav css聲明中添加overflow:hidden應該可以解決問題。 （或您想清除浮動元素的任何方式）
解決方案2
0 2013-07-13 01:45:28
當我將代碼放入測試HTML文檔中時，導航欄在我測試過的所有瀏覽器中都可以正常顯示。
IE-Firefox很好-Chrome很好-很好
你使用的是什么瀏覽器？
阿瑪
CSS 導航欄問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.