Question

想知道是否有人可以帮助我。我在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>

Answer 1

尝试在<div>而不是%中提供px的维度。

尺寸为px的元素具有固定大小，因此无法响应。

详细了解here

Answer 2

您想要给height和width一些百分比。

以下是包含一些示例内容和overflow:auto

的演示

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

See demo

滚动框响应问题，CSS-Wordpress

2 个答案: