沒有任何修飾的布局會自動離開。
2.流程布局
浮動的情況:如上所述
3.定位布局
相對定位和絕對定位都相對於父div標記。
相對-將該元素的原始位置作為參考點。
absolute-將父div標簽的原點(左上角)作為參考點。
由於外層是position:relative，如果內層是absolute，那麽它將與外層的左上角對齊作為位移參考。當然外層只寫position:relative，寫了left和top兩個值，也就是說以這個元素的原始位置作為布局參考原點進行左對齊和上對齊。
在另壹種情況下，它只是壹個位置:絕對；外層沒有位置:相對，那麽妳會找哪個點作為參考呢？這時候的原則是:如果壹個父元素中有親戚，就以壹個父元素為參照原點；如果沒有位置:相對，以身體為參考原點。如果position:absolute的外層沒有相對，那麽兩種布局沒有區別。
當然最後壹種情況是:外層是:位置:絕對；裏面是位置:相對，會是什麽樣子？按照原來的原則，絕對會把身體稱為布局原點，相對會把自己本來應該在的位置稱為布局原點，實際上就是把外層的左上角稱為布局原點。