Ich baue ein sehr minimales WordPress-Thema. Ich kann einfach nicht herausfinden, warum mein main-wrapper div nicht die volle Höhe einnimmt, wie es sollte. Deshalb wird meine Fußzeile in der Mitte der Seite mit oder ohne absolute Position angezeigt.
Die Website ist dies: www.davideasquini.com
Vielen Dank im Voraus für diejenigen, die helfen werden
Antworten:
0 für die Antwort № 1Dies sollte dein Problem lösen.
CSS:
Für Hauptverpackung:
.main-wrapper {
width: 100%;
height: 100%;
margin: 95px 0px 0px 0px;
padding: 0;
overflow: visible;
display: table;
}
Für Fußzeile:
footer {
width: 100%;
padding: 30px 0px 25px 0px;
font-size: 13px;
}
0 für die Antwort № 2
Wenn die Fußzeile immer am unteren Bildschirmrand angezeigt werden soll, ändern Sie das CSS-Attribut des Fußzeilenelements aus position:absolute
zu position:fixed
.
Wenn Sie nur die Fußzeile am unteren Rand des Dokuments anzeigen möchten, entfernen Sie sie position: absolute
des Fußzeilenelements und des height:100%
des Körperelements.
Der Grund, warum Ihre Fußzeile in der Mitte der Seite angezeigt wird, wobei die Fußzeile auf gesetzt ist position:absolute
liegt daran, dass der enthaltende Block der Fußzeile istDurch den nächsten Vorfahren mit einer "Position" von "Absolut", "Relativ" oder "Fest" festgelegt. Da es keinen solchen Vorfahren gibt, ist der enthaltende Block der Viewport. Wenn Sie also die Seite nach oben scrollen, wird die Fußzeile angezeigt die Mitte der Seite.
Sehen Blockdetails enthalten