Ich habe eine Lücke am Fuß meiner Seite - aber nur in Chrome. Ich habe viele Dinge ausprobiert, hauptsächlich aus dieser Frage & Antwort here.Chrome - weißer Platz am Ende der Website
Ich bin mir ziemlich sicher, es ist ein Ganzkörper-Problem - ich legte eine border-bottom: 2px solid red;
Regel auf Körper und es kam über den Leerraum.
Hier ist mein Stil-Code für Körper und Fußzeilen -
body {
display: flex;
min-height: 100vh;
flex-direction: column;
margin-bottom: 6rem;
font-family: 'GothamLight', sans-serif !important;
font-size: 16px !important;
border-bottom: 2px solid red;
}
footer {
margin-top: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: auto;
width: auto;
background-color: black;
}
footer #email {
text-align: center;
color: white;
/* font-weight: bold; */
padding-top: 50px;
font-size: small;
}
p #email {
padding: 10px;
}
footer #socialmedia {
text-align: center;
position: relative;
top: 75%;
}
Ist alles da drin, dass könnte es verursachen? Wie bereits erwähnt, gibt es kein Problem in Firefox und/oder Safari - nur Chrome. Und es passiert auf allen Seiten der Website. Wie repariere ich es?
Was ist, wenn Sie Rand unten setzen: 0; in Körper – RDangol