<main>要素は、私はクロームdevtoolを使用してDOMのすべての不要な要素を削除する必要があり

Question

その親の高さを取ることはありません。

本文は相対的なものであり、文書内で利用可能なすべてのスペースを使用します。これは私が欲しいものです。

私のツールバーには相対的であると私が欲しいの高さを取る：

問題は私の<main>要素

この要素は相対的であるとheight: 100%性質を持っているが付属しています。私の理解が良いならば。 <main>は親の100％を占める必要があります。ここでその親はbodyです。だから<main>は利用可能なスペースを取る必要があります。私の場合は

：

<main>要素の高さは0を持っています。

どこから来たのか説明できますか？そして、この<main>要素に空き領域を取る方法を教えてください。

おかげ

Answer 1

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

割り当てdisplay:block;プロパティあなたはこれを試したことがあり、それは文句を言わないIE

main{ 
    display:block; 
    }