菜单全页面的宽度

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;

}