定位(position)

自作多情 提交于 2020-02-13 00:52:40

定位(position)

在 CSS 中,通过 position 属性定义元素的定位模式,语法如下:
选择器 { position: 属性值; }
值语义
static静态 默认不定位
relative相对 相对于自己原来的位置定位 保留原来位置
absolute绝对相对于有定位的父级定位 不保留原来的位置,完全是脱标的。
fixed固定

定位口诀 —— 子绝父相

绝对定位的盒子居中
left: 50%;:让盒子的左侧移动到父级元素的水平中心位置
margin-left:让盒子向左移动自身宽度的一半

堆叠顺序(z-index) 数值越大就在上面

定位改变display属性

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!