CSS——定位

   CSS定位

1   定义元素框对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置

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

2.1     普通流

   按照其元素在HTML中的位置顺序决定排布过程

2.2     浮动

   浮动框可以向左或向右移动，直到它的边缘碰到包含框或另一个浮动框的边框为止

2.3     绝对定位

   绝对定位使元素的位置与文档流无关，因此不占据空间，这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对与它在普通流中的位置

3  定位属性

   position将元素放在一个静态的、相对的、绝对的或固定的位置，通过对top、left、right和bottom这四个属性的赋值让元素向对应的方向偏移

4     常用的定位属性

  overflow设置元素溢出其区域发生的事情

  clip设置元素的显示形状，多用于图片

  vertical-align设置元素的垂直对齐方式

  z-index设置元素的堆叠顺序

  fixed是将元素固定下来，就算滚动屏幕，它也会在同一个地方不会动

  static设置以后，偏移量什么的就没有用了

5  属性是float其值可以赋值为

  left元素向左移动

  right元素向右移动

  none不浮动

  inherit从父级继承浮动的属性

本文转自 拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1929587