Wie width div von Anfang bis Ende einer Browserbreite in html eingestellt werden

Ich möchte ein Menü in HTML mit einer schwarzen Hintergrundfarbe erstellen, so dass ich die Breite eines div mit 1360 px, aber es deckt nicht auf der ganzen Seite . Bitte hilf mir, das zu lösen. Vielen Dank.Wie width div von Anfang bis Ende einer Browserbreite in html eingestellt werden

Please See The Picture

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>

Quelle

2016-05-29 JAVAD

Stellen Sie den Körper Rand 0 bis

Stellen Sie dann die Breite des Menüs auf 100%

Quelle

2016-05-29 04:50:43 keziah

den Körper Marge auf 0 setzen dann die Breite des Kopf auf 100% gesetzt: Es ist nicht – JAVAD

werden Sie einen anderen Inhalt oben auf Ihrer Menü – keziah

tun dies einfach mit Ihrem Menü

HTML:

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

CSS:

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

Wenn Sie dieses Menü in einem anderen div setzen, stellen Sie sicher, dass es auch eine Breite von 100 hat %, sonst wird das nicht funktionieren.

Quelle

2016-05-29 04:53:53 divinemaniac

.menu { Marge funktioniert setzen: 0; Breite: 100%; } funktioniert es nicht wieder – JAVAD

Versuchen Sie, den Rand und den Abstand des Körpers auf 0 zu setzen. Körper {Marge: 0; Auffüllen: 0;} – divinemaniac

Wie width div von Anfang bis Ende einer Browserbreite in html eingestellt werden

Antwort

Verwandte Themen