CSS定位与浮动2016/6/12

2016-06-12  本文已影响16人  小锋子_Gruad

CSS 定位 (Positioning)

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

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

  1. overflow

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

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

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

CSS 浮动

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

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

猜你喜欢

热点阅读