使用瀏覽器調整大小來調整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上設置滾動條。

工作實例

Answer 2

估計屏幕面積如何，您的頁面應覆蓋並以百分比書寫寬度？

例如，

#wrapper { width: 90%; }