css 定位

div、h1 或 p 元素常常被称为块级元素
span、a 或 strong 等元素称为行内元素

CSS 有三种基本的定位机制:

  1. 普通流
    • static
    • relative
  2. 浮动
    • float: [left||right]
    • clear: [left||right||both]
  3. 绝对定位
    • absolute
    • fixed

position 属性值的含义:


static

静态的,元素框正常生成。

relative

相对定位,元素框相对于 static 偏移某个距离。

absolute

绝对定位,元素框从文档流完全删除,与文档流无关,可以覆盖页面上的其它元素。

fixed

元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗(window)本身。