元素的定位属性

简介: 【8月更文挑战第25天】元素的定位属性。

元素的定位属性
(1)定位模式
基本语法格式:
选择器{position:属性值;}
position属性的常用属性值:static、relative、absolute、fixed。
(2)边偏移
常用的偏移属性:top、bottom、left、right。
知识点2-相对定位relative
教师通过PPT讲解相对定位relative。
相对定位是将元素相对于它在标准文档流中的位置进行定位,当position属性的取值为relative时,可以将元素定位于相对位置。对元素设置相对定位后,可以通过边偏移属性改变元素的位置,但是它在文档流中的位置仍然保留。
知识点3-绝对定位absolute
教师通过PPT讲解绝对定位absolute。
绝对定位是将元素依据最近的已经定位(绝对、固定或相对定位)的父元素进行定位,若所有父元素都没有定位,则依据body根元素(浏览器窗口)进行定位。当position属性的取值为absolute时,可以将元素的定位模式设置为绝对定位。

相关文章
|
6月前
|
前端开发 JavaScript
几种常见的获取页面元素数据的方法
几种常见的获取页面元素数据的方法
52 0
|
2月前
元素的定位属性
元素的定位属性。
40 12
|
6月前
|
前端开发
隐藏元素
隐藏元素。
33 1
|
6月前
|
XML JSON 移动开发
BpmnJS 元素属性的updateProperties 和updateModdleProperties的属性更新区别
BpmnJS 元素属性的updateProperties 和updateModdleProperties的属性更新区别
224 1
|
6月前
|
索引
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)
将数组指定索引位置的元素 移动到 目标索引位置,且不改变其他元素原本的顺序,注意这个不是对调元素位置,是移动某一个元素位置不影响其他元素顺(使用场景:拖拽改变数据的顺序,点击上下左右箭头移动元素顺序)
|
6月前
定位网页元素
定位网页元素
几种隐藏元素的方法
几种隐藏元素的方法
29 0
|
前端开发
如何优雅地为列表非首项元素添加样式,关键靠他们。
在开发中我们常常会会遇到列表相关的场景,比如说:卡片列表,导航栏等等。
103 4
如何优雅地为列表非首项元素添加样式,关键靠他们。