美文网首页
CSS定位与浮动2016/6/12

CSS定位与浮动2016/6/12

作者: 小锋子_Gruad | 来源:发表于2016-06-12 22:14 被阅读16次

    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,它表示框的哪些边不应该挨着浮动框。

    相关文章

      网友评论

          本文标题:CSS定位与浮动2016/6/12

          本文链接:https://www.haomeiwen.com/subject/pszedttx.html