前端面试题：常见面试题（一）

HTML+CSS面试题

1. postion有哪些属性，都有什么作用？

postion常用属性：

• static静态：没有定位、非脱标流
• relative相对定位：
  • 非脱标流
  • 移动时相对当前位置进行移动
  • 移动后依然保留移动前的位置
• absolute绝对定位：
  • 脱标流，不占据位置
  • 父元素有相对定位：移动时根据父元素定位来移动
  • 父元素是标准流：移动时根据网页来移动
• fixed固定定位：
  • 脱标流，不占据位置
  • 始终保持和网页的固定距离
  • 不受页面滚动影响
  • 常用于网页左右两侧导航栏
• sticky粘性定位：
  • 脱标流，不占据位置
  • 预先设定一个值（top或left等）然后实时监听网页与自身的距离
  • 当网页与盒子的距离大于该值时，保持当前位置不变
  • 当网页与盒子的距离等于设定值时，保持设定值不变
  • 常用于导航栏