定位
作用:灵活的改变盒子在网页中的位置
实现:
1.定位模式:position
2.边偏移:设置盒子的位置
•left
•right
•top
•bottom
相对定位
position:relative
特点:
•不脱标,占用自己原来位置
•显示模式特点保持不变
•设置边偏移则相对自己原来位置移动
拓展:很少单独使用相对定位,一般是与其他定位方式配合使用
绝对定位
position:absolute
使用场景:子级绝对定位,父级相对定位(子绝父相)
定位
作用:灵活的改变盒子在网页中的位置
实现:
1.定位模式:position
2.边偏移:设置盒子的位置
•left
•right
•top
•bottom
相对定位
position:relative
特点:
•不脱标,占用自己原来位置
•显示模式特点保持不变
•设置边偏移则相对自己原来位置移动
拓展:很少单独使用相对定位,一般是与其他定位方式配合使用
绝对定位
position:absolute
使用场景:子级绝对定位,父级相对定位(子绝父相)
文档评论(0)