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

Question

i recently asked this question关于如何设置容器 div 宽度，这样我就可以避免为拥有宽显示器的人滚动。我得到了一个很好的答案，基本上是将 min-width 与 display: block;

结合起来

我现在有一个跟进。如果前面的浏览器设置为宽，则接受的答案效果很好，但如果一开始它不宽并且用户拉伸(stretch)窗口，则 div 容器不会更改或拉伸(stretch)。

无论如何我可以更进一步并在浏览器窗口本身调整大小时重置 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