css+div定位介绍

时间:2026-02-18 09:20:01

1、静态定位:position:static(默认)

固定定位:position:fixed(不动,不占位置空间)

相对定位:position:relative(相对于自己,占原先位置)

绝对定位:position:absolute(相对于页面,不占原先位置)

css+div定位介绍

2、内容超出元素框时发生的事件:overflow

visible  默认,内容超出元素框时不隐藏

hidden 内容超出元素框时隐藏

scroll  内容会被修剪,浏览器会显示滚动条

auto 如果内容会被修剪,浏览器会显示滚动条

css+div定位介绍

3、设置元素的垂直对齐方式:vertical-align

baseline  默认正常

sub   下标(例:二氧化碳中的2)

super  上标(例:幂次方)

length /%(数字)

css+div定位介绍

4、设置元素的垂直对齐方式:vertical-align

top  元素顶端与行中最高顶端对齐

text-top  元素顶端与字体的顶端对齐

bottom  元素顶端与行中最底顶端对齐

text-bottom  元素底端与字体底端对齐

middle  中间对齐

css+div定位介绍

5、层级覆盖:z-index

(层级越低,就会被覆盖)

css+div定位介绍

6、定位元素位置会通过left、right、top、bottom属性进行规定

css+div定位介绍

© 2026 乐乐经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com