页面的菜单全宽[重复]

Question

我有一个菜单，我想成为网站的整个宽度，即使我缩小但无法使其工作，这是我的代码。

HTML：

<div id="menu">
    <ul>
        <li>home</li>
        <li>contact</li>
        <li>about</li>
        <ul>
</div>

我试过的 CSS：

#menu {
    width: max;
    background-color: #f4f4f4;
    height: 75px;
}

和

#menu {
    width: 1920px;
    background-color: #f4f4f4;
    height: 75px;
}

Answer 1

将宽度设为 100% -- 在 CSS 中将其更改为 width: 100%;

HTML：

<div id="menu">
    <ul>
        <li>home</li>
        <li>contact</li>
        <li>about</li>
    </ul>
</div>

CSS：

#menu {

  width: 100%;
  background-color: #f4f4f4;
  height: 75px;

}