0

我正在为网站创建导航栏，但没有显示导航栏的背景颜色。当nav标签float: left;在 CSS 中时，不显示背景颜色。当nav标签没有时float: left;，显示背景颜色。如何在navhas时使背景颜色呈现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;
}
4

2 回答 2

0

这个小提琴显示当您的导航浮动时，背景颜色会出现：

http://jsfiddle.net/DhAsa/

也许您的问题需要反过来？如果是这样，添加overflow:hidden到您的navcss 声明应该可以解决问题。（或任何你想清除浮动元素的方式）

于 2013-07-13T01:44:43.477 回答
0

当我将您的代码放入测试 HTML 文档时，导航栏在我测试过的所有浏览器中都能正常显示。

IE - 很好 Firefox - 很好 Chrome - 很好

你使用的是什么浏览器？

阿马尔

于 2013-07-13T01:45:28.747 回答