Menu pleine largeur de la page

Question

J'ai un menu que je veux être toute la largeur du site même lorsque je bosse mais que je n'arrive pas à le faire fonctionner, c'est mon code.

HTML:

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

CSS J'ai essayé:

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

Et

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

Answer 1

Faire la largeur 100% - le modifier dans votre 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; 

}