css+div定位介绍

 时间:2026-04-26 05:21:27

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定位介绍

  • css+div基本语法
  • css+div背景样式
  • css+div列表属性与链接
  • css+div盒子模型
  • 定位理论四步骤
  • 热门搜索
    怎么设置电脑密码 产后怎么瘦肚子 秦始皇怎么死的 lolfps低怎么办 挂号信怎么寄 苹果5s怎么开机 心绞痛怎么办 电脑怎么分区 气虚怎么办 怎么发快递