滚动框响应问题，CSS-Wordpress答案

【问题标题】：Scroll Box Responsive issue, CSS-Wordpress滚动框响应问题，CSS-Wordpress
【发布时间】：2014-03-10 16:16:53
【问题描述】：

想知道是否有人可以帮助我。我在 Wordpress 的页面上有一个滚动文本框。该网站是响应式的。该框正是我需要的方式，只是它不会随着页面上的其余内容而缩小尺寸。

这是否与它的固定宽度有关？如果是这样，我该如何更改它以使其缩小？谢谢

<div style="border: 4px solid #ffff00; overflow: auto; height: 150px; width: 640px; color: white; background-color: #32cd32;">
<div style="text-align: left;">
<h1>Add Text</h1>

添加文字

</div>
</div>

【问题讨论】：

标签： css wordpress scroll responsive-design

【解决方案1】：

尝试在% 中给出<div> 的尺寸，而不是px。

尺寸为px的元素大小固定，因此不响应。

阅读更多信息here

【讨论】：

【解决方案2】：

你想给height和width一些百分比。

以下是带有一些示例内容的演示和overflow:auto

#box{
    position:absolute;
    width: 50%;
    height: 50%;
    top:0;
    left:0;
    overflow:auto;
    border: solid red 2px;
}

See demo

【讨论】：