我要招人

去企业版

首页 > 试题广场 >

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

[单选题]

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

```
position: absolute;
```
```
position: fixed;
```
```
position: relative;
```
```
float: left;
```

查看答案及解析

略略略321

脱离文档流:就不占据空间了？是的，一个元素脱离文档流后，其他的元素在定位时候回当做没看见他，两者位置重叠都是可以的。 2、脱离文档流不是从dom树中脱离，用浏览器的审查元素可以看到脱离文档流的元素，依然会出现在dom树里 3、实质：脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

发表于 2017-03-21 21:44:14 回复(4)

章鱼小丸子

float和absolute有什么区别？

float仍会占据位置。不会覆盖其他dom。

absolute可以覆盖其他的dom。

----------------------------------------------

absolute相对于上一级不是static的元素定位，脱离文档流。

relative相对于上一级等位，static也可以，不脱离文档流，保留原来的位置。

fixed相对于浏览器窗口定义，脱离文档流。

static：不定位。

发表于 2016-08-03 11:54:25 回复(0)

盐萌怪

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

A：position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位；其他盒子与其他盒子内的文本都会无视它

B：position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位；
C：position: relative;生成相对定位的元素，相对于自身正常位置进行定位。还是在那里；
D：float: left;都浮动出去。使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围

发表于 2019-03-10 14:09:00 回复(0)

夜未央201805282251138

position:relative元素移动了，它原来的位置还占据着！

发表于 2018-07-05 16:52:51 回复(0)

YC222222

relative,static,sticky对象遵循常规流 absolute,fixed,center对象脱离常规流

发表于 2017-02-18 11:26:39 回复(0)

炫

A：position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。
B:position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。
C:position: relative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了
D:float: left;都浮动出去了，还上哪保持原位置去。最终答案选择C

发表于 2016-05-11 14:15:08 回复(0)

jamke

流动模型：

1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

2.在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）

浮动模型：

任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。

层模型：

1.absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

2.relative（表示相对定位），它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来)，然后相对于以前的位置移动，移动的方向和幅度由left、right、top、bottom属性确定，偏移前的位置保留不动。

3.fixed：表示固定定位，与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。

发表于 2019-05-16 18:52:57 回复(0)

陈志贤

定位有4种

position:static;正常文本流

position:relative;相对定位，元素框偏移某个距离，元素仍保持其未定位之前的位置形状，同时其原来空间依旧保留着

position:absolute;绝对定位，元素框脱离文档流，从文档流中删除，并相对其包含元素定位

position:fixed;固定定位，是相对于视窗的绝对定位

float:left;左浮动，元素脱离文档流，元素向左浮动

编辑于 2018-10-17 17:18:53 回复(0)

猿来

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

随风飘动的蒲公英

float浮动出去，脱离原本文档流

发表于 2018-03-28 00:23:53 回复(0)

猫切

position: relative;相对于自身所占用位置的定位，自身占用的位置还在那（没有脱离文档流），只是自身的定位相对那个位置改变了。

发表于 2018-03-25 19:22:34 回复(0)

求职第6天

看错了条件，误以为脱离文档流

发表于 2017-09-14 07:33:15 回复(0)

acfasj

https://www.zhihu.com/question/24529373 还是张秋怡女神的回答给力

发表于 2017-09-03 23:27:59 回复(0)

熊在匣子里

static 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。 relative 位置被设置为 relative 的元素，可将其移至相对于其正常位置的地方，因此 "left:20" 会将元素移至元素正常位置左边 20 个像素的位置。 absolute 位置设置为 absolute 的元素，可定位于相对于包含它的元素的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及 "bottom" 属性来规定。 fixed 位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。

发表于 2017-03-28 14:11:58 回复(0)

牛客3070647号

absolute，fix.脱离文本流不占用文本空间 relative相对定位

编辑于 2017-03-07 23:17:25 回复(0)

非白羊

A：position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。 B:position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。 C:position: relative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了 D:float: left;都浮动出去了，还上哪保持原位置去。最终答案选择C

发表于 2017-01-24 11:55:43 回复(0)

'Jane

(转载) A：position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。 B:position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。 C:position: relative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了 D:float: left;都浮动出去了，还上哪保持原位置去。

发表于 2016-12-06 15:47:09 回复(0)

牛客9867106号

第二个会的

发表于 2016-09-27 20:00:20 回复(0)

牛客226088号

发表于 2016-07-16 14:18:02 回复(0)

牛客321692号

发表于 2016-06-23 00:04:10 回复(0)

提交观点

问题信息

2017 前端工程师字节跳动 HTML

来自：字节跳动2017前端工...

难度：

21条回答 961收藏 16588浏览

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

问题信息

热门推荐

相关试题