HTML+CSS面试题
1. postion有哪些属性,都有什么作用?
postion常用属性:
- static静态:没有定位、非脱标流
- relative相对定位:
- 非脱标流
- 移动时相对当前位置进行移动
- 移动后依然保留移动前的位置
- absolute绝对定位:
- 脱标流,不占据位置
- 父元素有相对定位:移动时根据父元素定位来移动
- 父元素是标准流:移动时根据网页来移动
- fixed固定定位:
- 脱标流,不占据位置
- 始终保持和网页的固定距离
- 不受页面滚动影响
- 常用于网页左右两侧导航栏
- sticky粘性定位:
- 脱标流,不占据位置
- 预先设定一个值(top或left等)然后实时监听网页与自身的距离
- 当网页与盒子的距离大于该值时,保持当前位置不变
- 当网页与盒子的距离等于设定值时,保持设定值不变
- 常用于导航栏