前端實習面試常考（定位、文檔流）

最近在找前端的實習，看了很多面試題，再這里做一個總結分享給大家，希望對大家的實習面試起到一些幫助（本人剛入門不久，如果大家對我的內容有異議，歡迎大家私信，交流一下，共同進步）

對于前端實習面試題這個模塊，我大體分為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定位的元素，就脫離了文檔流，也就是說，自己規定了元素的位置之后，元素的原位置不保留了，可以理解為元素發生了一個簡單地“平移”。注意，浮動元素也會脫離文檔流，請看我的另一篇關于浮動布局的文章。