浮動和定位的區(qū)別
浮動 ( float ) 和絕對定位 ( position:absolute )
相同點:
(1)都是漂起來( 離開原來的位置 )
(2)并且都不占著原來的位置
(3)另外,如h1包文字的標(biāo)簽,默認(rèn)只設(shè)height的情況下,它的width是鋪滿父元素的寬度的,而當(dāng)浮動或絕對定位后,它的寬度就是h1內(nèi)文字的寬度
不同點:float后,(這里float:left )它后面的對象,會占據(jù)它原來的位置,
但是后面對象里的文字和圖片等好像知道它在左邊,所以他們會自動的在它右邊顯示,
也就是,后面對象的文字圖片等不會被它擋住
position:absolute絕對定位后,它后面的對象,也會占據(jù)它原來的位置,
但是后面的對象,完全視它不存在,直接在左上角顯示,
也就是,后面對象的文字圖片等左上部分會被它擋住
【版權(quán)聲明】:本站內(nèi)容來自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),如文章或圖像侵犯到您的權(quán)益,請及時告知,我們第一時間刪除處理!謝謝!