html - 利用可能なすべてのスペースを占有する方法

Question

#x利用可能なすべてのスペースを占有したい。どうすればいいですか？

（PSはmspaintでごめんなさい）

Answer 1

これを試して

http://jsfiddle.net/bAJpz/4/

CSS

 #contentwrapper {
        height: 100%;
        position: absolute;
    }
    #a, #rw, #x {
        position: relative;
        float: left;
    }
    #a {
        border: #ED1C24 3px solid;
        display: inline-block;
        width: 200px;
        height: 100%;
    }
    #rw {
        display: inline-block;
        border: #FF7F27 3px solid;
        width: 200px;
        height: 50%;
    }
    #x {
        border: #7092BE 3px solid;
        display: block;
        width: 200px;
        height: 50%;
    }

Answer 2

画像に従って、完全な高さを使用するには #x が必要なので、#x の高さを定義します。各ブロックの高さをピクセル (px) またはパーセンテージ (%) で個別に定義すると、問題が解決するはずです。