我试图弄清楚如果不需要,如何隐藏溢出-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
,如果未继承该属性,则将其完全删除。
您可以使用溢出: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轴通常不需要给出分隔:auto)
.content{overflow:auto;}