天天看点

CSS3 overflow-x 属性

定义和用法

overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。

提示:使用 overflow-y 属性来确定对上/下边缘的裁剪。

默认值: visible

继承性: no

版本: css3

javascript 语法: object.style.overflowx=”scroll”

语法

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

值 描述

这里特别说一下hidden属性:

这一段代码的显示效果如图

CSS3 overflow-x 属性

但是如果去掉overflow-y:hidden;这一行代码效果如图

CSS3 overflow-x 属性

类比如果去掉overflow-x:hidden;效果是一样的,所以结论就是如果这两个属性同时存在的时候,就不会有滚轮出现而且还会裁剪内容。

假如存在x,那么y轴滚轮依然在。

继续阅读