css - div内3 div(固定高度2)

首先，对不起我的英语不好

我的代码http://jsfiddle.net/WsN3b/1/

<div id="header">
</div>
<div id="contentLeft">
</div>
<div id="contentRight">
    <div id="Content1">
        Title
    </div>
    <div id="Content2">
        Image
    </div>
    <div id="Content3">
        legend
    </div>
</div>
<div id="footer">
</div>

如您所见，“ Content3”被隐藏了，因为“ Content2”占用了太多空间

我必须使div“ Content2”自动调整，并且“ Content1”和“ Content2”采用其内容的大小。

我的图像必须占用所有可能的空间。

我想我忘了一些东西了，但我只是找不到...

谢谢

编辑：

-----------------------------------
- Content 1                       - 50px
-----------------------------------
-                                 -
-                                 -
-                                 -
- Content 2                       - 100%
-                                 -
-                                 -
-                                 -
-----------------------------------
- Content 3                       - 50px
-----------------------------------

最佳答案

只需删除内容底部

#contentRight {
    position: fixed;
    top: 100px;
    left: 0;
    right: 60%;
    background-color: #C63;
    overflow:visible;
}

看到这个http://jsfiddle.net/BxPpY/