如果不需要,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;
}

overflow-y属性设置为auto ,或者在未继承的情况下将属性完全移除。

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


你可以使用overflow:auto;

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

例:

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

您可以同时使用.content和.container溢出:auto。 意思是如果它的文本超过了自动滚动将来到x轴和y轴。 (不需要给予separete x轴和y轴通常给溢出:自动)

.content {overflow:auto;}

链接地址: http://www.djcxy.com/p/31849.html

上一篇: CSS hide scroll bar if not needed

下一篇: Are unquoted data URIs valid in CSS?