元素的定位属性
(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时,可以将元素的定位模式设置为绝对定位。