相对定位和绝对定位

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

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

目录
相关文章
|
27天前
|
前端开发 容器
cssfloat浮动
cssfloat浮动
26 1
|
9天前
清除浮动
清除浮动。
20 0
|
29天前
|
前端开发 UED 容器
深入理解定位布局:绝对定位与相对定位
深入理解定位布局:绝对定位与相对定位
如何让一个盒子居中,解决盒子塌陷的方法
如何让一个盒子居中,解决盒子塌陷的方法
|
前端开发
CSS 中相对定位(relative)与绝对定位(absolute)的详解
CSS 中相对定位(relative)与绝对定位(absolute)的详解
205 0
|
移动开发 前端开发
关于H5中的相对定位与绝对定位区别的思考
关于H5中的相对定位与绝对定位区别的思考
164 0
|
编解码 人工智能 前端开发
CSS中的绝对定位和相对定位
CSS中的绝对定位和相对定位
|
前端开发