CSS入门到实践（二）

CSS定位

css定位：改变元素在页面上的位置
css定位机制：

• 普通流：元素按照其在HTML中的位置顺序决定排布的过程
• 浮动
  • float属性: left/right/inherit/none
  • cleart属性：去掉浮动属性 left/right/both/inherit
• 绝对布局

css定位属性：

• position:static/relative/absolute/fixed 把元素放在一个静态的，相对的，绝对的或固定的位置中
• top/left/right/bottom:100px 元素向上/左/右/下的偏移量,对静态布局不起作用
• overflow 设置元素溢出其区域发生的事情
• clip 元素显示的形状
• vertical-align 元素垂直对齐方式
• z-index:1 元素的堆叠顺序(值越大，越显示在前面)