前端面试整理-CSS部分

Crystalの前端面试整理-CSS部分

Q:

  • [20200330] position 有哪些属性
  • [20200401] img 标签间距问题的原理以及如何解决

A:

  • [20200330] position 有哪些属性

position: static | relative | absolute | sticky | fixed
static: 默认值,元素出现在正常流之中;top,bottom,left,right,z-index均无效
relative: 生成相对定位的元素,相对其正常位置进行定位;对table类元素无效
absolute: 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位;绝对定位的元素可以设置外边距,且不会与其他边距合并
sticky: 可以理解为是相对定位和固定定位的混合
fixed: 通过指定元素相对于屏幕视口的位置来定位元素,打印时,元素会出现在每页的固定位置
参考说明: MDN

猜你喜欢

转载自blog.csdn.net/baidu_33591715/article/details/105196485