添加滚动条而不缩小div

Question

我有以下HTML

<div id="main">
    <div id="subdiv"> <span>
            Some Text
        </span>
    </div>
</div>

CSS

#main {
    height: 300px;
    border:2px solid green;
    width:100%;
   overflow:auto;
}
#subdiv {
    width:90%;
    height:90%;
    border: 2px solid red;
}

现在，当浏览器窗口大小减小时，我想要subdiv to remain always it's original size i.e 90%，只需将滚动条添加到主div，但无论我尝试subdiv is also getting reduced。

与此JSFIDDLE一样，希望具有红色边距的div保持不变，并将滚动条添加到具有绿色边框的div。

Answer 1

从细分中删除宽度和高度。