css的基本定位机制:定位。主要分四种:静态定位、相对定位、绝对定位、固定定位
工具/原料
电脑,DW软件
方法/步骤
1
静态定位:position:static(默认)固定定位:position:fixed(不动,不占位置空间)相对定位:position:relative(相对于自己,占原先位置)绝对定位:position:absolute(相对于页面,不占原先位置)
2
内容超出元素框时发生的事件:overflowvisible 默认,内容超出元素框时不隐藏hidden 内容超出元素框时隐藏scroll 内容会被修剪,浏览器会显示滚动条auto 如果内容会被修剪,浏览器会显示滚动条
3
设置元素的垂直对齐方式:vertical-alignbaseline 默认正常sub 下标(例:二氧化碳中的2)super 上标(例:幂次方)length /%(数字)
4
设置元素的垂直对齐方式:vertical-aligntop 元素顶端与行中最高顶端对齐text-top 元素顶端与字体的顶端对齐bottom 元素顶端与行中最底顶端对齐text-bottom 元素底端与字体底端对齐middle 中间对齐
5
层级覆盖:z-index(层级越低,就会被覆盖)
6
定位元素位置会通过left、right、top、bottom属性进行规定
注意事项
有层级必须有定位
上一篇:快速定位文件夹
下一篇:CAD图纸中如何快速定位坐标?