元素的定位属性

简介: 【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时,可以将元素的定位模式设置为绝对定位。

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

热门文章

最新文章