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

435

我试图弄清楚如何隐藏 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 css

— Thanos Paravantis
source

您要隐藏垂直滚动条还是水平滚动条？您可以将带有html代码的示例发布到例如jsfiddle.net并将其链接到此处

— 吗

您好，我张贴了我正在使用的2个课程。在html上，只不过是调用类。

— Thanos Paravantis 2013年

743

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

— Jo
source

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

— Thanos Paravantis 2013年

你总是可以尝试使用计算器搜索：stackoverflow.com/questions/450903/...

— RJO

您的示例在哪里滚动？

— 绿色

13

在设置overflow-y: auto解决了我的问题时-链接实际上未显示此示例...

— Shadow

2

应该注意，这overflow-x: auto也可以隐藏水平滚动条。

— Edward D'Souza

40

您可以使用 overflow:auto;

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

例：

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

— Ayyappan K
source

20

尽管我们感谢您的回答，但如果它在其他答案的基础上提供附加价值，那会更好。在这种情况下，您的答案没有提供其他价值，因为另一个用户已经发布了该解决方案。如果以前的答案对您有所帮助，则应投票赞成，而不要重复相同的信息。

— Toby Speight

9

您可以同时使用.content和.container来溢出：auto。意思是如果它的文本超过自动滚动将沿x轴和y轴。（无需给出单独的x轴和y轴通常会产生溢出：自动）

.content {overflow：auto;}

— Ayyappan K
source

5

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

— 普拉泰克·阿罗拉（Prateek Arora）
source

1

.container {overflow：auto;}将解决问题。如果要控制特定方向，则应为该特定轴设置自动。自动曝光

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

上面的代码将隐藏x轴上的所有溢出，并在需要时在y轴上生成滚动条。否则，滚动条将不会被隐藏。

— 尼罗
source