使用浏览器调整大小来调整div宽度

Question

i recently asked this question关于如何设置容器div宽度，以便我可以避免为具有宽监视器的人滚动。我得到了一个很好的答案，基本上将 min-width 与 display：block 结合起来;

我现在有一个跟进。如果前面的浏览器设置为宽，但如果首先它不宽并且用户拉伸窗口，则div容器不会更改或拉伸。

无论如何我可以更进一步，并在浏览器窗口自身调整大小时重置div的宽度。

Answer 1

你可以使用绝对定位，

#panel {
 position: absolute;
 top: 50px;
 left: 50px;
 right: 50px;
 bottom: 50px;
 background: #eee;
 border: 3px double #000;
 overflow: auto;
 }


<div id="panel"><p>I shrink and grow</p></div>

如果内容需要，

overflow:auto;会在#panel本身设置滚动条..这可能不合适？

Working Example

Answer 2

如何评估屏幕区域，您的页面应覆盖并以百分比形式写入宽度？

例如，

#wrapper { width: 90%; }