前端实习面试常考（定位、文档流）-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端实习面试常考（定位、文档流）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前端实习面试常考（定位、文档流）

最近在找前端的实习，看了很多面试题，再这里做一个总结分享给大家，希望对大家的实习面试起到一些帮助（本人刚入门不久，如果大家对我的内容有异议，欢迎大家私信，交流一下，共同进步）

对于前端实习面试题这个模块，我大体分为4个部分，HTML&CSS、JavaScript、计算机网络、Vue3(本人框架只学了Vue3)

1、定位

值	描述
static	无定位，left、top、bottom、right不可用
absolute	生成绝对定位元素，相对于static定位以外的第一个父元素进行定位，元素位置可控（left、top、bottom、right有效）
fixed	相对于浏览器窗口生成绝对定位元素，元素位置可控
relative	生成相对定位元素，相对于父级
inherit	继承父元素的position值

扩展：在面试官问定位的时候很可能问到文档流的问题

2、文档流

文档流可以分为，普通流和脱离文档流
普通流：也可称为常规流、文档流。是文档中可显示对象在排列时所占的位置
脱离文档流：元素浮动在文档流之上

以上是定义，以下是理解：
所谓文档流，可以理解为是元素的位置，比如，relative定位的元素就处于文档流。此时，通过left、top、bottom、right四个属性可以规定元素的位置，但元素出现在你所规定的位置之后，它原来的位置依旧保留，其他元素不能占用。而用absolute、fixed定位的元素，就脱离了文档流，也就是说，自己规定了元素的位置之后，元素的原位置不保留了，可以理解为元素发生了一个简单地“平移”。注意，浮动元素也会脱离文档流，请看我的另一篇关于浮动布局的文章。文章来源地址https://www.toymoban.com/news/detail-757547.html

到了这里，关于前端实习面试常考（定位、文档流）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！