Fix div auf dem Bildschirm

Question

Also habe ich eine Navigationsleiste mit den HTML div und table Elemente.

.menu { 
 
    background-color: black; 
 
    color: white; 
 
    font-family: Segoe UI; 
 
}

<div class="menu"> 
 
    <table border="0" cellspacing="10"> 
 
    <tr> 
 
     <td>Home</td> 
 
     <td>About</td> 
 
     <td>Login</td> 
 
    </tr> 
 
    </table> 
 
</div>

Natürlich ist es nicht gerade jetzt fertig und fragen Sie also bitte nicht, warum ich nicht eine ungeordnete Liste <ul> anstelle einer Tabelle verwendet haben.

Also, die Sache ist, ich möchte dieses Menü oben auf dem Bildschirm zu beheben. Keine Leerzeichen vor dem Div. Was ist der CSS-Code dafür?

Answer 1

body { 
 
    margin: 0; 
 
} 
 

 
.menu { 
 
    background-color: black; 
 
    color: white; 
 
    font-family: Segoe UI; 
 
}

<div class="menu"> 
 
    <table border="0" cellspacing="10"> 
 
    <tr> 
 
     <td>Home</td> 
 
     <td>About</td> 
 
     <td>Login</td> 
 
    </table> 
 
</div>

Answer 2

können Sie das Attribut CSS position : fixed; und width : 100% es über das ganze Bildschirm durch folgende CSS-Codes

Answer 3

Versuchen anzuzeigen:

.menu { 
    background-color: black; 
    color: white; 
    font-family: Segoe UI; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
}