Hinzufügen von Doctype HTML bricht Layouthöhe

Ich war vor kurzem eine Seite zu entwickeln, und nachdem festgestellt, dass alles richtig funktionierte bemerkte, dass ich nicht die <!doctype html> Tag an der Spitze hinzugefügt hatte. Beim Hinzufügen ignorierte das Layout die Höhe.Hinzufügen von Doctype HTML bricht Layouthöhe

Ich habe es auf das einfachste Layout abgestreift, um zu sehen, was falsch war und das Problem weiter besteht. Ist das, was ich mache, inkonsistent mit HTML5?

The working source code

What it looks like

Quelle

2013-06-26 obezi

Sie sollten den Code zu Ihrem Beitrag hinzufügen oder es wird geschlossen erhalten. Außerdem würde etwas auf Codepen oder Jsfiddle besser funktionieren, so dass wir die Ergebnisse tatsächlich sehen können, anstatt Pastebin.

Fügen Sie diese auf Ihrem CSS:

html, body { 
    height: 100%; 
    min-height: 100%; /* for firefox */ 
}

Quelle

2013-06-26 19:06:08 Xarcell

Thank you! Es funktioniert wie gewünscht. Ich werde auch das nächste Mal im Hinterkopf behalten, dass ich posten. – obezi

Vergessen Sie nicht, eine Antwort zu akzeptieren ... – Xarcell

Warten auf die Zeitüberschreitung. – obezi

Sie haben die Höhe Ihres Tags setzen

body, html { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    width: 100%; 
}

Quelle

2013-06-26 19:05:12

Hinzufügen von Doctype HTML bricht Layouthöhe

Antwort

Verwandte Themen