相对定位和绝对定位

简介: 相对定位和绝对定位。

相对定位relative
相对定位是将元素相对于它在标准文档流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍然保留。
绝对定位absolute
绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位,若所有父元素都没有定位,则依据body根元素(浏览器窗口)进行定位。当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位。

目录
相关文章
|
移动开发 前端开发
关于H5中的相对定位与绝对定位区别的思考
关于H5中的相对定位与绝对定位区别的思考
188 0
|
前端开发 开发者
绝对定位 | 学习笔记
快速学习绝对定位。
136 0
绝对定位 | 学习笔记
|
前端开发 开发者
相对定位 | 学习笔记
快速学习相对定位。
|
6月前
|
前端开发 UED 容器
深入理解定位布局:绝对定位与相对定位
深入理解定位布局:绝对定位与相对定位
|
编解码 人工智能 前端开发
CSS中的绝对定位和相对定位
CSS中的绝对定位和相对定位
|
前端开发
CSS的相对定位和绝对定位到底有什么不同?
CSS的相对定位和绝对定位到底有什么不同?
276 0
CSS的相对定位和绝对定位到底有什么不同?
|
前端开发 JavaScript
【前端】相对定位实现十字居中(上下左右居中)
【前端】相对定位实现十字居中(上下左右居中)
112 0
|
程序员 前端开发
行内元素居中
行内元素居中,通用处理办法 给父元素添加一个行内块级元素,高度100%,且vertical-align设置为middle; 所有的子元素vertical-align都设置为middle; ...
930 0

热门文章

最新文章