美文网首页
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

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

  • css定位

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • CSS 定位

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • CSS 定位 (Positioning)

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • 第四天:css学习(思路)目标

    作者:小疯子日期:2016/6/10 理解css的基本语法。 理解盒子模型。 理解文档流和定位。 理解浮动和清除。...

  • CSS定位

    CSS定位(Positioning)允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性...

  • div布局浮动与定位,定位 工具包

    &关于浮动定位 定位与浮动 &css3 阴影,变形,圆角,渐变色 自动生成 &Flex布局学习 flex布局 &自...

  • Day6:html和css

    Day6:html和css 复习 清除浮动: overflow: hidden添加在需要清除浮动的地方 定位pos...

  • CSS浮动与定位

    问答 1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素有什么特征floa...

  • CSS浮动与定位

    问答 1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征: 浮动模型是一种可视...

网友评论

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

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