1.文檔流的概念指什么？有哪種方式可以讓元素脫離文檔流?
大概就是元素沒有浮動（float）或者絕對定位(position)的情況下，從左到右，從上到下排列的正常布局方式，可以顯示布局時所占用的位置。
脫離文檔流的方法有:
- float
-
position
1.position:fixed
2.position:absolute
2.有幾種定位方式，分別是如何實現定位的，使用場景如何？
| position | 描述 | 使用場景 |
|---|---|---|
| static | 靜態定位 | 默認 |
| fixed | 固定定位 | 廣告，要求一直在頁面上，就算滾動也在那個位置 |
| relative | 相對定位 | 需要根據自身進行偏移的時候（但不脫離文檔流） |
| absolute | 絕對定位 | 需要定格在某個位置上 |
3.absolute, relative, fixed 偏移的參考點分別是什么
| position | 參考點 |
|---|---|
| absolute | 選取最近一個已定位的父元素作參考點，倘若沒有就選取Body坐標原點作為參考點 |
| relative | 自身的位置 |
| fixed | 瀏覽器的可視邊框 |
4.z-index 有什么作用? 如何使用?
可以設置元素的堆疊順序 值越大順序越高（只可在定位的時候使用）
使用 只能在定位元素上使用
轉載：
- 堆疊順序
- 不對元素設position時，文檔流后面的元素覆蓋前面的元素。
- 將元素設置的position設置為relative ，absolute 或者 fixed，元素會覆蓋沒有設置 position 屬性或者屬性值為 static 的元素。
- 一般情況下z-index值越大者在前面。
- 子元素繼承元素的堆疊關系，不論子元素的z-index值比父元素的兄弟元素大或者小，都繼承父元素與其兄弟元素的堆疊關系。
5.position:relative和負margin都可以使元素位置發生偏移?二者有什么區別
- position:relative 無論發生怎樣的偏移 元素還是在原來的位置上
- 負margin 元素發生偏移時，其元素位置也發生改變，同時帶動其他元素的位置改變
6.如何讓一個固定寬高的元素在頁面上垂直水平居中?
假設width:100px height:100px
- 先讓元素絕對定位-- position:absolute
- margin寬高設置為負固定寬高的1/2 -- margin-top: -50px margin-left:-50px
-
left和top分別設置為%50 --left:50% top:50%
固定寬高垂直水平居中的方法.png
7.浮動元素有什么特征？對其他浮動元素、普通元素、文字分別有什么影響?
- 脫離文檔流
- 文字會環繞圖片
- 可以從左或者從右浮動，直至觸碰元素邊框或者容器邊框（border）
影響
- 對其他浮動元素影響
如果是同方向，緊挨其邊框 如果超過容器容量，會換行繼續 - 對普通浮動元素的影響
無視浮動元素，取代浮動元素的位置，并從左到右，從上到下排列 - 對文字影響
文字會環繞浮動元素
8.清除浮動指什么? 如何清除浮動?
用于清除浮動對其他元素的影響
clear:both/left/right
