html 隐藏滚动条 失效,关于html：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;

}

要隐藏垂直滚动条还是水平滚动条？你能把这个带有HTML代码的例子发布到jsfiddle.net上并链接到这里吗？

你好，我发布了我正在使用的两个类。在HTML上，只调用类。

将overflow-y属性设置为auto，或者如果该属性不是继承的，则将其全部删除。

下面是两个问题解决的一个工作示例。

我可以，但我需要一些帮助，我的第二个问题，关于宽度，自动增加。

您可以尝试使用stackoverflow搜索：stackoverflow.com/questions/450903/&hellip；

谢谢兄弟：)@rjo

你的例子中卷轴在哪里？

当设置overflow-y: auto解决了我的问题时，链接实际上并没有显示这个例子…

应该注意的是，overflow-x: 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轴。(不需要给出单独的X轴和Y轴通常给出溢出：自动)

.content {overflow:auto;}

.container溢出：auto；将完成此操作。如果要控制特定的方向，应为该特定轴设置自动。A.E.

.container_overflow-y:auto；.container溢出-x:隐藏；

上面的代码将隐藏X轴中的任何溢出，并在Y轴上需要时生成一个滚动条。但是您必须确保您的内容默认高度小于容器高度；否则，滚动条将不会被隐藏。