CSS隐藏滚动条，如果不需要

我试图弄清楚如何隐藏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;
}
367070 次浏览
小开
最佳答案

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

小开

您可以使用overflow:auto;

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

例子:

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

你可以同时使用.content和.container来溢出:auto。意思是如果它的文本超过了，自动滚动会出现x轴和y轴。# EYZ0

.content{溢出:汽车;}

小开 
.container {overflow:auto;}

会成功的。如果你想控制一个特定的方向，你应该为这个特定的轴设置auto。A.E.

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

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

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

溢出:汽车;用于显示自动滚动条


提交答案