下面哪个属性不会让 div 脱离文档流（normal flo_阿里巴巴笔试题

推荐

星陨无痕

第一次答的时候就不知道什么是文档流，然后查了下才知道；

在css的定位机制有三种，分别是1：文档流，2：浮动（float），3定位（position）

其中文档流的意义就是按照HTML里面的写法就是从上到下，从左到右的排版布局;

在4答案选项中的属性，float（浮动）和position（定位）了

A：position: absolute;

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。

B:position: fixed;

生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。

C:position: relative;

生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了

D:float: left;都浮动出去了，还上哪保持原位置去。。

最终答案选择C。。

编辑于 2016-11-06 10:56:45 回复(16)

EMO

补充一下1楼没说清楚的地方：

所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。【脱离文档流即是元素打乱了这个排列】， 或是从排版中拿走 。

所以我们可以知道，除了 position: absolute;和 position: fixed;会直接将元素从排版中拿走从而脱离文档流之外，设置float对象也会 “打乱这个排列”从而也被称为脱离文档流。

float：right 显然就打乱了从左到右的文档流排列，而为什么说float：left也会脱离文档流呢？

我的理解是当子元素设置了float属性而父元素没有设置（或保持默认的 position:static ），则子元素会从父元素中溢出（即父元素不会根据子元素的大小进行扩大），因为当元素设置了float属性之后，其他没有设置float属性的盒子会无视这个元素，即文档流下面的没有设置浮动的元素会何其进行叠加。即可以当作其脱离了文档流，但需要注意的是，其与position：absolute不同的是，其他盒子元素内的文本依然会为float元素让出位置，围绕在周围，所以不会看到文本相互叠加的情况，而absolute定位的元素则会出现文本叠加。所以亦可以理解为脱离了文档流，这种情况通常消除浮动就可以解决。

编辑于 2016-09-06 22:45:21 回复(2)

未忆wy

文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列，并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。【脱离文档流即是元素打乱了这个排列】，或是从排版中拿走。

css的定位机制有三种：分别是文档流；浮动(float)；定位(position)。

A: position: absolute 生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位；由于绝对定位，脱离了文档流。

B: position: fixed 生成绝对定位的元素，相对于浏览器窗口进行定位，和正常顺序排下来无关。

C: position: relative 生成相对定位的元素，相对于其正常位置进行定位。没有能脱离文档流。

D: float: left 浮动出去，无法保持原位置。

发表于 2019-03-11 17:04:08 回复(0)

安安要做程序媛

补充一下float与absolute positioning的区别

CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。

需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。

而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

发表于 2017-07-16 09:46:03 回复(0)

void_三国志

C,relative没有脱离当前文档流，只是相对常规流偏移

发表于 2015-08-18 16:18:03 回复(0)

GDragonPuls

在css的定位机制有三种，分别是1：文档流，2：浮动（float），3定位（position）

其中文档流的意义就是按照HTML里面的写法就是从上到下，从左到右的排版布局;

在4答案选项中的属性，float（浮动）和position（定位）了

A：position: absolute;

生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。

B:position: fixed;

生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。

C:position: relative;

生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了

D:float: left;都浮动出去了，还上哪保持原位置去。。

发表于 2017-09-11 09:09:05 回复(0)

Ambition201905092214145

想问一下，为什么display：none；也不会使元素脱离文档流？

发表于 2019-05-09 22:18:20 回复(0)

前端小白啦

做这个题，记录一下absolute和relative的一些知识点：关于他们两个分别是相对于谁进行定位的，我自己试了一下，absolute的父级没有定位的情况下，是相对于浏览器窗口进行定位的，即便父级设置了padding和margin也没用，还是浏览器的（0，0）点，relative就不一样了，因为没有脱离标准流，在父级元素设置了padding和margin的情况下，是会影响relative定位的位置的，这就印证了谁脱离了标准流，谁没有脱离标准流

发表于 2018-09-09 15:15:43 回复(0)

猿来

C

发表于 2018-08-04 20:26:26 回复(0)

Sincerajn

在css的定位机制有三种，分别是1：文档流，2：浮动（float），3定位（position）

发表于 2017-08-13 18:53:07 回复(0)

韩小乖

mmmmm

发表于 2017-07-08 16:13:17 回复(0)

zoey_wei

在css的定位机制有三种，分别是1：文档流，2：浮动（float），3定位（position）其中文档流的意义就是按照HTML里面的写法就是从上到下，从左到右的排版布局; 在4答案选项中的属性，float（浮动）和position（定位）了 A：position: absolute; 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。 B:position: fixed; 生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。 C:position: relative; 生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了 D:float: left;都浮动出去了，还上哪保持原位置去。。最终答案选择C。。

发表于 2017-04-18 07:27:01 回复(0)

熊在匣子里

所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。只有绝对定位absolute和浮动float才会脱离文档流。

发表于 2017-03-23 17:05:24 回复(0)

鶸弱鸟

看错题了，ffffffff

发表于 2016-12-21 10:40:59 回复(0)

tangbabyo

C

发表于 2016-12-12 08:40:49 回复(0)

不再犯错

果断选c

发表于 2016-12-06 19:13:14 回复(0)

陌上花开wei

选c，其他都脱离文档流

发表于 2016-11-24 13:03:14 回复(0)

追逐de

选c position: absolute;以最近具有定位属性的父元素为基准进行定位，脱离标准文档流， position: fixed;以html为基准进行定位。 float: left;会使元素浮动在左边，以上三种都会脱离标准文档流。而position:relative是相对原有的位置进行偏移，仍然处在文档流当中，只不过具有了定位属性，子元素可以参考这个位置。

发表于 2016-11-09 11:30:54 回复(0)

Web前端开发

做过了。竟然又做错了，看错

发表于 2016-10-17 10:34:10 回复(0)

层楼凋碧树

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。

比如网页的div标签它默认占用的宽度位置是一整行，p标签默认占用宽度也是一整行，因为div标签和p标签是块状对象。网页中大部分对象默认是占用文档流，也有一些对象是不占文档流的，比如表单中隐藏域。

浮动和绝对布局都会改变文档流，比如 float:left 会让多个div挤在同一行而不是原来的多行显示

发表于 2016-09-06 18:21:07 回复(0)

牛客911768号

的确不知道啥事文档流，看了上边学会了

发表于 2016-04-02 23:51:13 回复(0)

下面哪个属性不会让 div 脱离文档流（normal flo

问题信息

热门推荐

相关试题