**2016/05/25 **
問答
1. 文檔流的概念指什么澈灼？有哪種方式可以讓元素脫離文檔流?
文檔流是文檔中可顯示對象在排列時(shí)所占用的位置湿蛔。將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素创译。
脫離文檔流的方法：1.postion:fixed;
2.position:absolute;
3.float:left/right;
2有幾種定位方式抵知，分別是如何實(shí)現(xiàn)定位的，使用場景如何昔榴？
有四種定位方式辛藻，分別是position:static;position:absolute;position:relative;position:fixed;
1.position:static;默認(rèn)值，沒有定位互订，元素出現(xiàn)在正常的流中
2.position:absolute;絕對定位吱肌，相對于 static 定位以外的第一個(gè)父元素進(jìn)行定位，若沒有則相對于body定位
3.position:relative;相對定位仰禽，相對于自身原來位置定位
4.positon:fixed;生成絕對定位的元素氮墨，相對于瀏覽器窗口進(jìn)行定位,常用于廣告窗
3.absolute, relative, fixed 偏移的參考點(diǎn)分別是什么
absolute是相對于 static 定位以外的第一個(gè)父元素進(jìn)行定位，如果不存在已經(jīng)定位的父元素吐葵，則相對于最初的包含塊规揪；relative是相對于元素在文檔中的初始位置來進(jìn)行定位；fixed是相對于瀏覽器窗口進(jìn)行定位温峭。
4.z-index 有什么作用? 如何使用?
z-index用來控制層疊元素的優(yōu)先級猛铅，值越大，優(yōu)先級越大凤藏。該元素只在設(shè)置了定位的元素身上生效奸忽。
5.position:relative和負(fù)margin都可以使元素位置發(fā)生偏移?二者有什么區(qū)別
position:relative是相對于元素當(dāng)前位置進(jìn)行偏移堕伪，移動(dòng)后，其之前的位置還在栗菜，它的文檔流的位置不變而它后面的元素不會(huì)感知到它的偏移欠雌，所以可能會(huì)發(fā)生壓蓋.
margin進(jìn)行位置偏移的時(shí)候會(huì)影響到跟它相近的元素，它的文檔流的位置也隨著發(fā)生進(jìn)行了改變疙筹。
6.如何讓一個(gè)固定寬高的元素在頁面上垂直水平居中?
先用定位把其左上角定位到中點(diǎn)富俄，margin-left:-寬度的一半；margin-top:-高度的一半而咆；
7.浮動(dòng)元素有什么特征霍比？對其他浮動(dòng)元素、普通元素暴备、文字分別有什么影響?
浮動(dòng)的框可以向左或向右移動(dòng)桂塞，直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹埂?由于浮動(dòng)框不在文檔的普通流中，所以文檔的普通流中的塊框表現(xiàn)得就像浮動(dòng)框不存在一樣馍驯。脫離文檔流，文字會(huì)環(huán)繞浮動(dòng)元素玛痊，普通元素會(huì)被覆蓋住汰瘫。
8.清除浮動(dòng)指什么? 如何清除浮動(dòng)?
清除浮動(dòng)是指清除浮動(dòng)帶來的影響，比如父元素的高度無法被撐開擂煞，影響與父元素同級的元素混弥。與浮動(dòng)元素同級的非浮動(dòng)元素會(huì)跟隨其后。若非第一個(gè)元素浮動(dòng)对省，則該元素之前的元素也需要浮動(dòng)蝗拿，否則會(huì)影響頁面顯示的結(jié)構(gòu)≥锵眩可以用clear:both;添加clear屬性只能對自己有效
代碼
![]()
0_1464151734278_7F08C167-3F04-4BEB-8379-A4D0A28DAF6B.png
