天天看點

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軸滾輪依然在。

繼續閱讀