美文网首页
css:About Float

css:About Float

作者: april_Dong | 来源:发表于2016-07-21 20:35 被阅读0次

* float:left|right|none|inherit *

  • 浮动元素宽度默认宽度为内容宽度
  • 脱离文档流
  • 向指定方向一直移动
  • float的元素在同一文档流
  • float元素半脱离文档流
    说明:对元素,脱离文档流;对内容,在文档流。
    eg.


    屏幕快照 2016-07-21 下午7.33.30.png

clear清除浮动

  • clear:both|left|right|none|inherit
  • 应用于后续元素
  • 应用于块级元素
    使用方式:
    - 空白元素


    屏幕快照 2016-07-21 下午8.04.24.png

    - clearfix
    在浮动元素的父元素上使用clearfix清除浮动

屏幕快照 2016-07-21 下午8.06.10.png
两列布局
屏幕快照 2016-07-21 下午8.32.57.png

相关文章

  • css:About Float

    * float:left|right|none|inherit * 浮动元素宽度默认宽度为内容宽度 脱离文档流 ...

  • Test10

    引用文章: 那些年我们一起清除过的浮动 CSS浮动float详解 Clear Float CSS float浮动的...

  • CppPrimer.5th 01

    The float and double types typically yield about 7and 16 ...

  • clearfix

    css中float left与float right的使用说明

  • CSS float

    网页布局的核心,利用 CSS 来摆放盒子的位置,如何把盒子摆放到合适的位置?CSS 定位分为三种,普通流(标准流)...

  • float css

    子元素float后父元素height为0,但实际上会占用一小块空间,导致后面的元素相应往下移动,这时设置后面元素的...

  • CSS Float

    浮动设计的初衷并不是用来布局的,而仅仅是为了实现图片文字环绕效果,即图片做浮动,文字环绕图片。简单来说就是块级元素...

  • css float

    特性 元素“浮动” 脱离文档流,和absolute一样,不会对其他元素的定位造成干扰 不会脱离文本流,不会占据其他...

  • css定位

    CSS position属性 CSS display属性 CSS float属性 (引用:https://www...

  • css笔记 左侧固定宽度 右侧自适应

    float方式 html结构 css代码 float和margin-left flex

网友评论

      本文标题:css:About Float

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