CSS隐藏滚动条（如果不需要）

Question

我试图弄清楚如果不需要，如何隐藏溢出-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

您可以同时使用.content和.container来溢出：auto。意思是如果它的文本被自动超出，滚动将出现X轴和Y轴。（x轴和y轴通常不需要给出分隔：auto）

.content{overflow：auto；}

Answer 2

您可以使用溢出：auto；

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

示例：

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

Answer 3

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