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

我想弄清楚如何可以隐藏overflow-y:scroll; 如果不需要的话。 我的意思是我正在build立一个网站，我有一个主要区域将显示post，如果内容不超过当前宽度，我想隐藏滚动条。

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

有没有人有一个线索如何做到这一点？

post区：

 .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 ，如果没有inheritance，则将其全部删除。

这是两个解决问题的实例。

Answer 2

你可以使用overflow:auto;

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

例：

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

Answer 3

你可以使用.content和.container溢出：auto。 意思是如果它的文本超过自动滚动将来到x轴和y轴。 （不需要分开x轴和y轴一般给溢出：自动）

.content {overflow：auto;}