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

【问题标题】：resizing div width with browser resize使用浏览器调整大小调整 div 宽度
【发布时间】：2011-03-31 19:12:08
【问题描述】：

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

我现在有一个跟进。如果将前面的浏览器设置为宽，则接受的答案非常有效，但如果最初它不宽并且用户拉伸窗口，则 div 容器不会更改或拉伸。

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

【问题讨论】：

【解决方案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

【讨论】：

谢谢！你为我节省了很多时间。

【解决方案2】：

如何估计屏幕的面积，你的页面应该覆盖并以百分比写宽度？

例如，

#wrapper { width: 90%; }

【讨论】：

@ooo，对于您的问题resizing div width with browser resize，使用基于最佳选项 AFAIK 的百分比。而不是依赖脚本和跨浏览器不兼容的 CSS。
@Downvoter，请解释反对意见并帮助我改进我的答案。