塊元素前后都要獨(dú)占一行而內(nèi)聯(lián)元素不需要，這是基礎(chǔ)。

position:fixed? ? 當(dāng)元素設(shè)置該屬性之后,這個元素脫離文檔流,且不跟隨頁面的滾動.這是和absolute的最大區(qū)別.當(dāng)元素的高度大于可視區(qū)域的時候,鋪滿整個窗口之后下面的就看不到了,因?yàn)閒ixed不隨頁面滾動.設(shè)置absolute 的時候就可以看的到了.第二個區(qū)別是fixed是相對window定位的,父元素可以認(rèn)為是window窗口.而position雖然脫離原來的文檔流,但是如果設(shè)置了父元素為relative或者absolute,則相對父元素定位,否則一直向上找,直到找到html根元素.

position：relative? ? 定位相對的是元素本身應(yīng)該出現(xiàn)的位置，不會脫離文檔流，也即，雖然該元素相對本應(yīng)該出現(xiàn)在的位置發(fā)生了偏移，但是本應(yīng)該占的位置還會保留，下一個元素不能忽視它的存在。然后通過top,left等來偏移,同時原來的位置繼續(xù)保留.相當(dāng)于要占據(jù)兩個位置.偏移后并不會把下面的元素想下擠,而是和下面的元素,不管是文本還是塊元素,重疊起來,通過設(shè)置z-index來移動.

relative布局效果

position：absolute? 相對的是第一個設(shè)置了relative或者absolute定位的祖先元素的位置，且會脫離文檔流。

absolute布局效果

flota：left? ?元素脫離文檔流.會占據(jù)新的位置空間,原先占據(jù)的位置就釋放了出來。其他的元素,比如文字,會環(huán)繞其中.比如一個塊元素,當(dāng)沒設(shè)置浮動的時候,它會獨(dú)占一行,兄弟元素或者文本會在新的一行開始,設(shè)置浮動之后,下面的內(nèi)容會在之后開始排版,形成環(huán)繞效果.

清除浮動:clear:both;是對受到浮動影響的后面的元素進(jìn)行的.

另一種清除浮動的方式是對受到影響的元素設(shè)置:overflow:hidden;width:100%;

讓多張圖重疊到一起的解決方案：設(shè)置個父元素來裝這些東西

該父元素設(shè)置overflow：hidden；position：relative

子元素position:absolute。