css定位

121 阅读1分钟

css定位:重叠元素的高度

途中内联元素为文字

浮动元素指有float属性的元素

position属性

static

默认值,待在文档流中

relative

  • 相对定位,升起来,但不脱离文档流
  • 用于做位移(很少用)
  • 用于给absolute元素做父元素
  • 配合z-index
z-index: 默认值,不创建新的重叠上下文
z-index: 0/1/2/-1/-2

absolute

  • 定位基准是祖先里的非static
  • 脱离原来的位置,另起一层,比如对话框的关闭按钮
  • 鼠标提示
  • 善用left:100%/ left: 50%; -margin

fixed

  • 固定定位,定位基准是viewport
  • 凡人的广告
  • 回到顶部的按钮

sticky

  • 粘滞定位,用的少

注意点

  • 如果写了absolute,补一个relative
  • 如果写了absolute或者fixed,一定要补top和left

封层