如果不需要,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-x
和overflow-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