Web HTML CSS定位

Web HTML CSS重要注意

1.CSS定位

position:static/relative/absolute/fixed
top/left/right/bottom:像素值;
以上两个配合使用定位。

• static 静态定位 相当于标准流

• relative 相对定位 相对于自身左上角定位 不脱离标准流

• absolute 绝对定位 完全脱离标准流，不占用位置
  父级没有定位，孩子以浏览器左上角为准对齐
  父级有定位，则以父亲为基准点对齐
  子绝父相 孩子绝对定位时父亲要用相对定位

• fixed 1.固定定位是绝对定位的一种特殊形式 和父亲没关系只认浏览器窗口 2.完全脱标，不占有位置，不随滚动条滚动 3.固定定位的盒子一定要写宽和高，除非有内容撑开

• 元素添加了浮动，绝对定位和固定定位之后元素模式转换为行内块模式
  2.叠加次序

  z-index: number；

1. number默认为0，值大的定位元素在最上面。
2. 取值相同，后来居上。
3. 数字不带单位。
4. 只有相对定位，绝对定位，固定定位有此属性，其余无。