提问者:小点点

CSS隐藏滚动条(如果不需要)


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

共3个答案

匿名用户

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

匿名用户

您可以使用溢出:auto;

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

示例:

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

匿名用户

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

.content{overflow:auto;}