美文网首页
2018.10.19文档流,浮动

2018.10.19文档流,浮动

作者: 爽爽ing | 来源:发表于2018-10-21 20:31 被阅读0次

文档流
块元素在文档流中独占一行,网页就是一个文档
块元素的宽度默认占父元素的百分之百
块元素的高度是默认被内容撑开的,内容有多高,他就多高,子元素有多高,他就多高

浮动
float:right 右浮动 float:left;左浮动 float:none;
当你给一个元素设置浮动以后,这个元素立刻脱离文档流,并且不占用原来的位置,下面的元素
会立刻向上移动
浮动比文档流高一层

假如你浮动的这个元素的上面是一个没有浮动元素的块,那么浮动的这个元素是不会超过这个
块的!

浮动的元素不会超过兄弟元素,最多一边齐

(文字绕图)浮动的元素不会盖住文字,会自动环绕在块周围

内联元素的浮动
块元素脱离文档流,高度和宽度都会被内容撑开
内联元素脱离文档流会变成块元素

相关文章

  • 2018.10.19文档流,浮动

    文档流块元素在文档流中独占一行,网页就是一个文档块元素的宽度默认占父元素的百分之百块元素的高度是默认被内容撑开的,...

  • float浮动入门

    文档流 ​ 通常聊到浮动都会说浮动元素会脱离文档流,所以我们先了解一下文档流。文档流(normal flow)...

  • 溢出,文档流和内联浮动

    overflow(溢出) 文档流 浮动 内联浮动

  • css布局—浮动float

    浮动:float,会脱离标准文档流。属性值:leftright二.浮动的特性1、浮动的元素会脱离标准文档流,不再区...

  • 第五次课程小结:清除浮动

    什么是浮动 浮动的本质:实现文字环绕效果元素脱离文档流不脱离文字流脱离文档流:假如A元素浮动了,原本排在该元素之后...

  • 浮动与清除浮动

    浮动:使元素脱离文档流,按照指定方向(左右)发生移动,遇到父边界或者相邻的浮动元素停下来,脱离文档流。 文档流:是...

  • CSS----浮动、塌陷

    使用float使元素浮动,从而脱离文档流,可选值: none:默认值 left:脱离文档流,向页面左侧浮动 ...

  • 文档流和浮动

    文档流 浮动 内联元素的浮动 文字绕图 作业

  • 2018-12-29

    知识点 一.浮动(难点) 1.文档流 2.使用浮动实现: 3.缺点: 浮动元素脱离文档流造成父元素的高度崩塌(高度...

  • CSS浮动学习小记

    CSS定位机制分为文档流,浮动和定位。如果不对元素进行浮动处理的话,元素应该按照文档流排列,否则元素就会...

网友评论

      本文标题:2018.10.19文档流,浮动

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