塊元素前后都要獨占一行而內(nèi)聯(lián)元素不需要锹锰,這是基礎僻族。
position:fixed? ? 當元素設置該屬性之后,這個元素脫離文檔流,且不跟隨頁面的滾動.這是和absolute的最大區(qū)別.當元素的高度大于可視區(qū)域的時候,鋪滿整個窗口之后下面的就看不到了,因為fixed不隨頁面滾動.設置absolute 的時候就可以看的到了.第二個區(qū)別是fixed是相對window定位的,父元素可以認為是window窗口.而position雖然脫離原來的文檔流,但是如果設置了父元素為relative或者absolute,則相對父元素定位,否則一直向上找,直到找到html根元素.
position:relative? ? 定位相對的是元素本身應該出現(xiàn)的位置寸爆,不會脫離文檔流吧彪,也即慌申,雖然該元素相對本應該出現(xiàn)在的位置發(fā)生了偏移雷激,但是本應該占的位置還會保留访圃,下一個元素不能忽視它的存在厨幻。然后通過top,left等來偏移,同時原來的位置繼續(xù)保留.相當于要占據(jù)兩個位置.偏移后并不會把下面的元素想下擠,而是和下面的元素,不管是文本還是塊元素,重疊起來,通過設置z-index來移動.
position:absolute? 相對的是第一個設置了relative或者absolute定位的祖先元素的位置,且會脫離文檔流腿时。
flota:left? ?元素脫離文檔流.會占據(jù)新的位置空間,原先占據(jù)的位置就釋放了出來况脆。其他的元素,比如文字,會環(huán)繞其中.比如一個塊元素,當沒設置浮動的時候,它會獨占一行,兄弟元素或者文本會在新的一行開始,設置浮動之后,下面的內(nèi)容會在之后開始排版,形成環(huán)繞效果.
清除浮動:clear:both;是對受到浮動影響的后面的元素進行的.
另一種清除浮動的方式是對受到影響的元素設置:overflow:hidden;width:100%;
讓多張圖重疊到一起的解決方案:設置個父元素來裝這些東西
該父元素設置overflow:hidden;position:relative
子元素position:absolute批糟。