美文网首页
文档流的比喻

文档流的比喻

作者: seafruit | 来源:发表于2016-12-25 13:53 被阅读0次

之前以为“文档流”是“document flow”,但其实是“normal-flow”普通翻译也可以是“普通流”。

那么什么是“normal flow”?

简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。并且这种过程遵循标准的描述。

脱离文档流

只要不是float、绝对定位、固定定为方式布局的,都在普通流里面。
欢迎补充。

如果将文档流想象成冰凌
那么,float就是从那一层冰凌中取出一块儿然后放到冰凌层上面,他后面的冰块就会填充这个空隙,这样就是脱离文档流了。

绝对定位,一定需要两个限定(上右下左 挑两个 ,咳咳,别挑平行的),找准参照之后就相当于把这个元素从冰层中拿出来,比照参照物和位置限定放到相应的地方,自然而然的,后面的冰块会迅速填充这个空隙。

相关文章

  • 文档流的比喻

    之前以为“文档流”是“document flow”,但其实是“normal-flow”普通翻译也可以是“普通流”。...

  • 前端第五天知识总结

    文档流 文档流文档流处在网页的最底层,它表示的是一个页面中的位置,我们所创建的元素默认都处在文档流中 元素在文档流...

  • Float && Position-Assign

    1.文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流(normal flow),也称为标准文档流、常规...

  • 第十弹-浮动、定位

    一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流概念:文档流即是普通流,是文档中可显示对象在排列时...

  • 高度与文档流

    一、div高度是由什么决定的? div高度由其内部文档流元素的高度总和决定。 二、文档流是什么? 文档流:文档流元...

  • css文档流

    文档流:文档流就是文档内元素流动的方向 内联元素文档流 内联元素的文档流是从左往右流动的,当一行满了之后会另起一行...

  • css 定位的几种方式

    文档流/脱离文档流 文档流,指的是元素在排版布局过程中,元素会从自上到下,从左到右的顺序依次排列; 脱离文档流,指...

  • absolute和relative的区别

    1、文档流不同 relative 不脱离文档流,absolute 脱离文档流。 2、分级不同 relative 参...

  • float浮动入门

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

  • CSS浮动布局

    说浮动布局,就得先知道文档流,文档流有正常文档流、脱离文档流。 正常文档流:将一个页面从上到下分为一行一行,块元素...

网友评论

      本文标题:文档流的比喻

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