CSS

Cascading Style Sheets，层叠样式表，用来做布局

绝对定位

• 属性：positon，值：absolute，指通过left，top绝对定位一个元素

• 设置了绝对定位，相当于该元素被从原文档中删除了，位置会被后续的元素占用

  
  image.png
• 绝对定位是基于最近的一个定位了的父容器
• 绝对定位的父容器没有定位，那就相对于body绝对定位

相对定位

• 属性：positon，值：relative
• 与绝对定位不同，相对定位不会把该元素从原文档删除掉，而是在原文档的基础上移动一定距离

块级元素

• div就是块级元素，自动在前面和后面加换行，可以设置width和height

内联元素

• span是内联元素，不会换行，width和height也不会生效