如果不需要CSS隐藏滚动条

Question

我想弄清楚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;
}

Answer 1

如果未继承overflow-y属性auto,则将属性设置为或完全删除属性.

以下是解决问题的一个实例.

Answer 2

您可以使用 overflow:auto;

您还可以使用overflow-x和overflow-y属性分别控制x轴或y轴.

例:

.content {overflow:auto;}
.content {overflow-y:auto;}
.content {overflow-x:auto;}

Answer 3

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

Answer 4

.container {overflow:auto;} 

会成功的。如果要控制特定方向，则应为该特定轴设置 auto。AE

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

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

Answer 5

.selected-elementClass{
    overflow-y:auto;
}

Answer 6

您可以同时使用.content和.container来溢出：auto。意思是如果它的文本超过自动滚动将沿x轴和y轴。（无需给出单独的x轴和y轴通常会产生溢出：自动）

.content {overflow：auto;}