Header ist in Ordnung, 100% Breite funktioniert nicht auf Fußzeile

Question

Auf einer Seite, die ich gerade bearbeite, bin ich auf einen Fehler gestoßen. Wenn Sie die Seite auf dem Desktop auf bestimmten Computern anzeigen, ist die Kopfzeile mit 100% Breite völlig in Ordnung, aber die Fußzeile benötigt zusätzliche Breite, um die gesamte Seitenbreite zu sein. Auf einigen anderen Computern funktioniert auch das Hinzufügen der zusätzlichen Breite nicht. Diese enden mit etwas Platz auf der rechten Seite.

Jede Hilfe würde sehr geschätzt werden.

Site

CSS

Answer 1

hinzufügen Rand 0 auf body:

body { 
    margin: 0; 
} 

entfernen zusätzliche Breite von .foot

.foot { 
    position: relative; 
    background-color: rgb(41, 41, 41); 
    margin-top: 50px; 
    height: 100px; 
    /* width: 100.8744%; */ 
    /* bottom: -8px; */ 
    /* left: -8px; */ 
} 

Answer 2

Sie haben mehrere Probleme in Ihrem Code.

Tun Sie dies;

body { 
    margin: 0; 
} 

footer { 
    margin-top: 50px; 
    background-color: rgb(41, 41, 41); 
} 

.foot { 
    position: relative; 
    height: 100px; 
} 

Answer 3

Verschiedene Browser verschiedene Standard-CSS-Regeln festgelegt. Versuchen Sie, eine reset.css oder eine normalise.css (Google für beides oder für "reset vs normalize", um die Unterschiede zu sehen) zu integrieren, um diese Standardeinstellungen zu entfernen.

User-Agent-Stylesheets werden von allem überschrieben, das Sie in Ihrem eigenen Stylesheet festlegen. So, hier in Ihrer Webseite Körper wird mit margin.So eingestellt, müssen wir folgenden Code in CSS explizit hinzufügen.

CSS

body{ 
margin:0 
}