html中文档流的理解

来源:互联网 发布:深入浅出数据分析pdf 编辑:程序博客网 时间:2024/05/29 11:46

理解好文档流,有助于我们对css中定位和浮动的理解。什么是文档流呢,经过我看过的一些文章,加入自己的理解。我得出文档流的定义如下:
1、从左至右,从上至上的布局。
2、符合html中标签本身含义的布局,比如某些标签独占一行。有些标签属于行内元素等。
下面来讲一个css中的定位机制,共三种:
1、正常的文档流
2、float
3、postion
在这几种定位机制中,有几种方式是脱离文档流的。什么是脱离文档流呢?可以这样理解,本来这个标签是属于文档流管理的,那么它应该按照文档流的正常布局方式从左至右从上之下,并且符合标签本身的含义。
脱离文档流是指,这个标签脱离了文档流的管理。不受文档流的布局约束了,并且更重要的一点是,这个标签在原文档流中所占的空间也被清楚掉了。
那么,这几种脱离文档的的定位机制包括哪些呢?
1、float
2、position:absolute

0 0
原创粉丝点击