15

我正在使用溢出:滚动,如下面的代码,我遇到的问题是即使没有文本滚动条仍然显示。
w3schools 上的演示:http ://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow 您会看到,即使您无法水平滚动(向左或向右),仍然有一个滚动条。如果没有可滚动的内容,我正在尝试将它放在不出现滚动条的地方。希望这是有道理的

<style type="text/css">
  div.scroll {
    background-color: #00FFFF;
    width: 100px;
    height: 100px;
    overflow: scroll;
  }
</style>
<p>overflow:scroll</p>
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>
4

3 回答 3

38

我想你正在寻找overflow: auto.

Mozilla 关于溢出的文档

overflow CSS 属性是overflow-x 和overflow-y 属性的简写,它指定了当内容太大而无法适应其块格式上下文时要执行的操作。

这些选项包括剪辑、显示滚动条或显示从其容器流出到周围区域的内容。

汽车

取决于用户代理。如果内容适合填充框,它看起来与可见相同,但仍会建立一个新的块格式化上下文。如果内容溢出,像 Firefox 这样的桌面浏览器会提供滚动条。

于 2012-04-17T17:25:53.900 回答
11

尝试

overflow: auto

您提供的链接非常复杂。这是所有解释,我认为更好:CSS-Tricks

于 2012-04-17T17:27:42.137 回答
2

尝试overflow: auto; 这样 Scroll 根据是否需要自动发生。

使用overflow-x: auto或者overflow-y: auto 如果你想只为一个方向获得自动滚动条

于 2021-02-02T09:47:12.780 回答