100％の幅とかなり親事業部の高さ - CSS

Question

は、私は2つのdiv要素を持っているとしましょう....

<div class="Window"> 
    <div class='Title'></div> 
    <div class="Viewer"></div> 
</div> 

まず.Window

.Window { 
    width:80%; 
    background-color:red; 
    position:absolute; 
    z-index:1; 
    top:10%; 
    left:10%; 
    margin-left: 0%; 
    bottom:10%; 
} 

で開きますウィンドウです2番目のdivは.Viewer

.Viewer { 
    width:100%; 
    height:100%; 
    background-color:green; 
} 

.Viewer divを親divの100％高さと幅にするにはどうすればよいですか。覚えておいてください.Titleは.Windowのタイトルのようにスペースをとります。したがって.Viewerは、私はあなたの.TITLEは固定の高さを持っている場合、それはJSなしでは不可能だと思います.TITLE

Answer 1

の下に開始する必要があります（.TITLEと.Viewerは10％と90％の高さを持つことができ、たとえば、JSなしで動作するはずです）。

- （。この部分は無効ある他のパラメータを見ていない）、編集 -

しかし、私はまた、あなたの.Windowsはない高さパラメータを持っていることに気づきました。 とは何ですか.Viewerは100％の高さで記入することになっていますか？彼らが必要として.Windowは、私が理解し、かなり多くあり、.TITLE高さプラス.Viewer高さの高さを持っているでしょう、あなたの（現在の）場合のように、デフォルトのdivをすることで、できるだけ多く展開する何を頼んでいる。