这是我的学校元素:http://sleepybear.ml
我使用 <ul> 创建了菜单和 <li>
我想让菜单的背景色填满页面的宽度
我的索引和 styles.css:https://codepen.io/anon/pen/bxgmzq
我的菜单 CSS:
ul.menu {
width: 100%;
white-space: nowrap;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
margin-bottom: 40px;
}
和 html 中的菜单:
<ul class="menu">
<li class="menu"><a href="index.html">HOME</a></li>
<li class="menu"><a href="news.html">NEWS</a></li>
<li class="menu"><a href="#contact">CONTACT</a></li>
<li class="menu"><a href="#forum">FORUM</a></li>
</ul>
最佳答案
只需申请 margin: 0至 <body>喜欢:
ul.menu {
width: 100%;
white-space: nowrap;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333333;
margin-bottom: 40px;
}
body {
margin: 0;
}<body>
<ul class="menu">
<li class="menu"><a href="index.html">HOME</a></li>
<li class="menu"><a href="news.html">NEWS</a></li>
<li class="menu"><a href="#contact">CONTACT</a></li>
<li class="menu"><a href="#forum">FORUM</a></li>
</ul>
</body>关于html - 如何让我的菜单栏填满屏幕的宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52119520/