CSS布局-定位

mikewanzi002

已于 2022-06-18 18:16:40 修改

阅读量119

点赞数 1

文章标签： css html 前端

于 2022-06-18 18:13:41 首次发布

本文链接：https://blog.csdn.net/mikewanzi002/article/details/125349642

版权

本文介绍了CSS布局中的定位方式，包括相对定位、绝对定位和固定定位。相对定位是元素相对于标准流位置调整，仍占原空间；绝对定位完全脱标，依赖最近已定位父元素，可用于水平居中；固定定位基于浏览器可视窗口定位，不随滚动条移动。

摘要由CSDN通过智能技术生成

1.定位：则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。
1.语法：选择器 { position: 属性值; }

值	语义
`static`	静态定位
`relative`	相对定位
`absolute`	绝对定位
`fixed`	固定定位

2.边偏移（定位专属）：

边偏移属性       示例                            描述
top                    top: 80px                    顶端偏移量，定义元素相对于其父元素上边线的距离。
bottom              bottom: 80px              底部偏移量，定义元素相对于其父元素下边线的距离。
left        left: 80px 左侧偏移量，定义元素相对于其父元素左边线的距离。
right                  right: 80px                  右侧偏移量，定义元素相对于其父元素右边线的距离。