doctype html breaksレイアウトの高さを追加する

私は最近ページを開発していましたが、すべてが正常に機能していることを確認した後、上部に<!doctype html>というタグを追加していないことに気付きました。それを追加すると、レイアウトは高さを無視しました。doctype html breaksレイアウトの高さを追加する

何が間違っていたのかを確認するために、最も基本的なレイアウトにしましたが、問題は解決しません。私はHTML5と矛盾していますか？

2013-06-26 obezi

の高さを設定する必要があります。また、codepenやjsfiddleの方がうまくいくので、実際にはpastebinではなく結果を見ることができます。

は、あなたのCSSにこれを追加します。

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

2013-06-26 19:06:08 Xarcell

ありがとうございました！それは必要に応じて動作します。次回私が投稿したときにも、jsfiddleを念頭に置いておきます。 – obezi

答えを受け入れることを忘れないでください... – Xarcell

タイムアウトを待っています。 – obezi

あなたはあなたのポストにコードを追加する必要がありますか、それが閉じられたでしょう、あなたのタグ

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

2013-06-26 19:05:12

答えて