CSS定位与浮动2016/6/12
2016-06-12 本文已影响16人
小锋子_Gruad
CSS 定位 (Positioning)
- CSS 有三种基本的定位机制:普通流、浮动和绝对定位。
position有四个取值1.static 2.relative 3.absolute 4.fixed
- overflow
属性规定当内容溢出元素框时发生的事情。可取值:1.scroll 2.auto 3. visible 4.hidden
- z-index 属性设置元素的堆叠顺序。
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
说明
该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。
CSS 浮动
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。
- float可取值:1.left 2.right 3.none
- 要想阻止行框围绕浮动框,需要对该框应用 clear 属性。clear 属性的值可以是 left、right、both 或 none,它表示框的哪些边不应该挨着浮动框。