在加载图像内容后,出现如图所示滚动条,怎样控制其显示?
1、找到这个图像内容所在的容器(注意:不是图像本身,而是其所在的容器中)。例如此处上层容器的class=“nr.dashboard.template.visible”
2、将容器的overflow属性值设置为overflow:hidden。例
.nr-dashboard-template.visible{
overflow:hidden;
}
3、重新加载即可。如图
总结:overflow属性:
Overflow属性 | |
visible | 默认值。溢出的内容会呈现在容器外 |
hidden | 溢出的内容不会被显示。 |
scroll | 滚动条显示溢出的内容。 |
auto | 滚动条显示溢出的内容。 |
inherit | 继承父元素的属性值。 |