css中z-index和overflow的使用方法

2024-10-13 20:14:46

1、z-index属性指定一个元素的堆叠顺序。

css中z-index和overflow的使用方法

2、css中overflow控制内容溢出元素,默认值时,内容不会被修剪,会呈现在元素框之外。

css中z-index和overflow的使用方法

3、overflow的hidden,内容会被修剪,其余内容是不可见的。

css中z-index和overflow的使用方法

4、overflow的scroll,内容被修剪,但是浏览器显示滚动条查看其余内容。

css中z-index和overflow的使用方法

5、overflow的auto,如果内容被修剪,浏览器显示滚动条查看其余的内容

css中z-index和overflow的使用方法

6、以上属性在网页中显示的方式如下图。

css中z-index和overflow的使用方法
猜你喜欢