556

我试图弄清楚如何隐藏overflow-y:scroll;不需要的东西。我的意思是我正在建立一个网站，并且我有一个主要区域，其中将显示帖子，如果内容不超过当前宽度，我想隐藏滚动条。

另外，我的第二个问题。我想这样做，当帖子超过当前宽度时，宽度会自动增加，内容不会开箱即用。

有谁知道如何做到这一点？

帖子区：

.content {
    height: 600px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 15px;
    text-align: justify;
    line-height: 19px;
    overflow-y:scroll;
}

主要网站容器：

.container {
    margin: 0 auto;
    width: 757px;
    margin-top: 30px;
    text-align: center;
}
4

6 回答 6

990

将overflow-y属性设置为auto，如果该属性未被继承，则将其完全删除。

于 2013-09-10T10:47:55.030 回答
54

您可以使用overflow:auto;

您还可以使用overflow-x和overflow-y属性单独控制 x 或 y 轴。

例子：

.content {overflow:auto;}
.content {overflow-y:auto;}
.content {overflow-x:auto;}
于 2016-10-31T18:14:47.517 回答
8

您可以同时使用 .content 和 .container 来溢出：自动。意味着如果它的文本超过自动滚动将来自 x 轴和 y 轴。（不需要给单独的 x 轴和 y 轴通常给出溢出：自动）

.content {溢出：自动；}

于 2017-08-01T06:49:00.737 回答
8 
.selected-elementClass{
    overflow-y:auto;
}
于 2019-09-18T13:08:09.960 回答
3

溢出：自动；用于显示自动滚动条

于 2021-04-14T11:15:03.903 回答
-1

.container {overflow:auto;} 可以解决问题。如果要控制特定方向，则应为该特定轴设置自动。AE

.container {overflow-y:auto;} .container {overflow-x:hidden;}

上面的代码将隐藏 x 轴上的任何溢出，并在需要时在 y 轴上生成一个滚动条。但是您必须确保您的内容默认高度小于容器高度；如果没有，滚动条将不会被隐藏。

于 2018-03-07T17:58:07.673 回答