CSS定位与浮动2016/6/12

CSS 定位 (Positioning)

1. CSS 有三种基本的定位机制：普通流、浮动和绝对定位。

position有四个取值1.static 2.relative 3.absolute 4.fixed

2. overflow

属性规定当内容溢出元素框时发生的事情。可取值：1.scroll 2.auto 3. visible 4.hidden

3. z-index 属性设置元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
说明
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

CSS 浮动

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

1. float可取值：1.left 2.right 3.none
2. 要想阻止行框围绕浮动框，需要对该框应用 clear 属性。clear 属性的值可以是 left、right、both 或 none，它表示框的哪些边不应该挨着浮动框。