как установить ширину div от начала до конца ширины браузера в html

Я хочу создать меню в html с черным цветом фона, поэтому я установил ширину div с 1360 px, но он не покрывает всю страницу. Пожалуйста, помогите мне решить эту проблему. Спасибо.

Пожалуйста См. Изображение

стиль CSS:

*{
    border:0;
    margin:0;
    padding:0;
}
body {
    background-color:#ffffff;

    margin:0;

    direction:rtl;
}
#menu{
    background-color:#3d3d3d;
    height:70px;
    width:100%;
}
#text_menu{
    height:50px;
    width:100%;
    float:right;
    margin-right:5px;
}
#text_menu ul{
    list-style:none;
    margin-top:10px;
}
 #text_menu ul li{
    display:inline-block;
    text-decoration:none;
}
 #text_menu ul li a{
     text-decoration:none;
     padding:5px;
     color:#fff;
     transition:all ease-out .4s;
     -moz-transition:all ease-out .4s;
      -webkit-transition:all ease-out .4s;
       -o-transition:all ease-out .4s;

 }
 #text_menu ul li:hover a{
     height:50px;
     width:100%;
     color:#b6ff00;
 }
 #header{
     align-content:center;
     height:464px;
     width:80%;
     background-image:url(../images/1.jpg);
     background-repeat:no-repeat;
 }

Формат html :

<body>
    <div style=" height:155px"></div>
    <div id="menu"> 
        <div id="text_menu">
    <ul><b>
    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>
    <li><a href="#">content</a></li>
</b>
</ul>

        </div>
    </div>
    <div style="height:50px"></div>
    <div align="center" style=" width:100%">
        <div id="header" align="center">

        </div>
    </div>
</body>

2 ответа

  1. Установите для поля тела значение 0

    Затем установите ширину меню в 100%

  2. Просто сделайте это с помощью меню

    HTML:

    <div class='menu'>
        <!-- menu Items and stuff here -->
    </div>
    

    стиль CSS:

    .menu {
        margin: 0;
        width: 100%;
    }
    

    Если вы помещаете это меню в другой div, то убедитесь, что оно также имеет ширину 100%, иначе это не будет работать.