在CSS2 规范中,就已经有处理溢出的overflow属性,该属性定义当盒子的内容超出盒子边界时处理方法。CSS3新增的overflow-x属性和overflow-y属性,是对overflow属性的补充,分别表示水平方向上溢出处理和垂直方向上的溢出处理。
相关的语法格式如下。
overflow-x: visible | auto | hidden | scroll | no-diaplay | no-content;
overflow-y: visible | auto | hidden | scroll | no-diaplay | no-content;
相关的属性值说明如下。
visible:默认值,盒子内容溢出时,不裁剪溢出的内容,超出盒子边界的部分将显示在盒元素之外。
auto:盒子溢出时,显示滚动条。
hidden:盒子溢出时,溢出的内容将被裁剪,并且不显示滚动条。
scroll:始终显示滚动条。
no-display:当盒子溢出时,不显示元素,该属性值是新增的。
no-content:当盒子溢出时,不显示内容,该属性值是新增的。