css+div定位介绍

 时间:2024-10-31 14:35:48

1、静态定位:position:static(默认)固定定位:position:fixed(不动,不占位置空间)相对定位:position:relative(相对于自己,占原先位置)绝对定位:position:absolute(相对于页面,不占原先位置)

css+div定位介绍

2、内容超出元素框时发生的事件:overflowvisible 默认,内容超出元素框时不隐藏hidden 内容超出元素框时隐藏scroll 内容会被修剪,浏览器会显示滚动条auto 如果内容会被修剪,浏览器会显示滚动条

css+div定位介绍

3、设置元素的垂直对齐方式:vertical-alignbaseline 默认正常sub 下标(例:二氧化碳中的2)super 上标(例:幂次方)length /%(数字)

css+div定位介绍

4、设置元素的垂直对齐方式:vertical-aligntop 元素顶端与行中最高顶端对齐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盒子模型
  • 定位理论四步骤
  • 热门搜索
    耐克鞋子怎么辨别真假 they怎么读 芎怎么读 牛肉丸子汤的做法 芋头蒸排骨的做法 红焖大虾的做法 口味虾的做法 素炒油麦菜的做法 创维电视怎么样 灵芝煲汤的12种做法