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盒子模型
  • 定位理论四步骤
  • 热门搜索
    cube是什么意思 cny什么意思 歇斯底里什么意思 祸不单行什么意思 ips是什么意思 awesome是什么意思 什么是共济失调 菊花花语是什么 什么是有限公司 送老师什么礼物合适