css+div定位介绍

2025-07-16 03:02:48

1、静态定位:posit坡纠课柩ion: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 元素顶端与字体的顶端对齐botto罪焐芡拂m 元素顶端与行中最底顶端对齐text-bottom 元素底端与字体底端对齐middle 中间对齐

css+div定位介绍

5、层级覆盖:z-index(层级越低,就会被覆盖)

css+div定位介绍

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

css+div定位介绍
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:28
  • 阅读量:92
  • 阅读量:31
  • 阅读量:94
  • 阅读量:55
  • 猜你喜欢