码迷,mamicode.com
首页 > 其他好文 > 详细

理解文档流

时间:2016-08-03 23:59:45      阅读:571      评论:0      收藏:0      [点我收藏+]

标签:

这个暑假里的实习是真正让我体会到了做前端一定要理解文档流。之前一直处于必须给元素加边框才能看到我讲元素放置在了文档中的什么位置。理解了文档流,脑海中就会定位到相应的元素。

文档流,其实本没有这样的定义,有的是普通流的概念。简单说就是元素按照其在HTML中的位置顺序决定排布的过程。并且这种过程遵循标准的描述。

即将窗体自上而下的分成一行一行,并在每行中按照从左至右的顺序排放,即为文档流。所有的HTML都在块框或者行内框中。

当浏览器开始渲染HTML文档,它从窗口的顶端开始,经过整个文档内容的过程中,分配元素需要的空间。除非文档的尺寸被CSS特别的限定,否则浏览器垂直扩展文档来容纳全部的内容。每个新的块级元素渲染为新行,行内元素则按照顺序被水平渲染直到当前遇到了边界,然后换到下一行垂直渲染。这个过程被成为普通文档流。

理解文档流

标签:

原文地址:http://www.cnblogs.com/mixiu/p/5734906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!