多语言展示
当前在线:1792今日阅读:26今日分享:39

css+div定位介绍

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属性进行规定

注意事项

有层级必须有定位

推荐信息