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

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如果内容需要它,则在自身上设置一个滚动条..这可能不是所希望的？

工作实例