1. 程式人生 > >css中脫離文件流的理解

css中脫離文件流的理解

上次去面試一家公司,那家公司的技術總監問我什麼叫脫離文件流,當時我一下愣住了,這個是作為一個前端工作者在工作中經常會遇到的問題,我們頻繁地用著,然而卻不能用語言表達出它的意思。我不由得思考為什麼會這樣,如果下次有人問我同樣的問題,我又將如何作答呢?

首先從“脫離文件流”這幾個字可以看出,它是在脫離開來的,其他元素的佈局排版不被影響,對於其他元素來說它就是不存在的。

css中的絕對定位(absolute)屬於脫離文件流,而它的定位則取決於它的父元素有沒有定位(position),如果有,那麼它就根據定位了得父元素來定位,如果沒有,它就得一級一級繼續往上找,直到找到body。

css中還有一個浮動(float)也是脫離文件流的,但是它與絕對定位的脫離文件流有所不同,當它脫離文件流的時候其他元素依然會當這個元素不存在,但是其他元素盒子中的文字仍然會環繞在這個元素周圍。