position 设置定位方式
top,right,bottom,left,z-index 设置位置
position
上右下左
z-index 类似于图层，z轴上的排序
z-index
父级元素起作用
static、relative、absolute、fixed
仍在文档流中
参照物为元素本身
使用场景：绝对定位元素的参照物
相对定位
相对定位可以为绝对定位的子元素提供参考依据
默认宽度为内容宽度
脱离文档流
参照物为第一个定位祖先/根元素
绝对定位
使用场景：轮播头图
轮播头图1
轮播头图2
使用场景：三行自适应布局
三行自适应布局
三行自适应布局样例
默认宽度为内容宽度
脱离文档流
参照物为当前视窗
使用场景：固定顶栏
固定顶栏1
固定顶栏2
使用场景：遮罩布局
遮罩布局
即全屏遮上一层灰色的颜色
遮罩布局
遮罩布局设置
遮罩布局样例
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...
CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...
定位 1 . css 定位：改变元素在页面上的位置2 . css 定位机制：普通流浮动绝对布局3 . css 定位...
CSS定位（Positioning）允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性...
CSS中常用的定位有 普通定位，相对定位 绝对定位、fixed定位 浮动 1、普通定位和相对定位 css中的元素有...
CSS定位 CSS 定位机制 CSS中一共有三种基本定位机制：普通流、浮动、绝对定位。如果不进行专门指定，所有的标...
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css ...
八大定位 Xpath定位 css定位
CSS 定位 (Positioning) CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 position...
本文标题：CSS定位
本文链接：https://www.haomeiwen.com/subject/wgorxhtx.html
网友评论