ブラウザの空き領域にdivをレンダリングする方法

Question

実験のために単純なhtml ccs snnipetを試しました。ここで

はフィドルhttps://jsfiddle.net/u768afb3/

である。しかし、それはスペースを埋めるしないでください。何が必要なの？

CSS

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

div.layout{ 
    border: 1px greay solid; 
    heigth:100%; 
    width: 100%; 
} 

HTML

<div class="layout"></div> 

Answer 1

1. それはCSS、ないCCSです。
2. HTMLとBODYのセレクタはhtml, bodyでなく、html bodyである必要があります。
3. heightではなく、heigthです。
4. 2px gray solid;ではなく、2px greay solid;です。

そのすべての作品の後：

html, 
 
body { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
div.layout { 
 
    border: 2px grey solid; 
 
    height: 100%; 
 
    width: 100%; 
 
}

<div class="layout"> 
 

 
</div>