Html 我如何扩展div蓝色正方形以填充正方形，棕色？

1-如何扩展azure方形

以填充棕色的方形

2-如何将

#帧

大小高度与我的分辨率窗口匹配，因为它比分辨率窗口大一段时间，然后滑动窗口向下滚动以查看底部，而比分辨率窗口小一段时间

谢谢你的帮助

你可以在这里看到

相关代码

Html

<div id="frame">
    <div id="inside_window">
        <div id="Yellow"></div>
        <div id="Green"></div>
    <div id="Blue"><img src="http://www.centerwow.com/stackoverflow/shark.png"  height="50" width="50" />
    <img src="http://www.centerwow.com/stackoverflow/ship.png"  height="100" width="120" /></div>
    <div id="Red"></div>
    <div id="ver"></div>
    <div id="hor"></div>
    <div id="ver2"></div>
</div>

---

下面是第一个问题的答案：

---

将最小高度更改为高度：100%

#Blue
{
    position: absolute;
    height:100%;
    min-width:75%;
    -webkit-border-radius: 0px;    
    margin: 0 150px;
    background-color: #62A9FF;
    z-index:10;
    display:table;
    font-size:220%;
    cursor: url(http://www.centerwow.com/stackoverflow/magnet.png), auto;
    left:0px;
    top:0px; 
}

关于第二个问题： 在css代码顶部添加以下给定css：

html, body{height:100%;} 

---

注意：如果浏览器窗口高度太小，它会显示一个滚动条，因为它会将高度作为绿色和红色分区的总和。

将最小高度更改为高度：100%；

html, body{height:100%;}