css 用于将调整大小和垂直滚动的 <div>

Question

我有一个包含 2 个元素的页面。最上面的一个使用默认 CSS 值水平调整大小。它不需要滚动。它按照我想要的方式工作。

底部需要“调整大小：两者”并根据需要垂直滚动。我可以让这个做其中之一，但不能两者兼而有之。

底部会滚动但不会水平调整大小的css是：

.div2 {
    width: <?= $winwid ?>;
    height: <?= $winwht ?>;
    background-attachment: scroll;
    resize: both;
    overflow: scroll;
    border-style: none;
    overflow-y: scroll;
    }

这两个 PHP 变量由调用者的

传入，如下所示：