position:absolute; 他的意思是絕對定位村缸,他是參照瀏覽器的左上角汉形,配合TOP、RIGHT鸵闪、BOTTOM檐晕、LEFT(下面簡稱TRBL)進(jìn)行定位,在沒有設(shè)定TRBL蚌讼,默認(rèn)依據(jù)父級的做標(biāo)原始點(diǎn)為原始點(diǎn)辟灰。如果設(shè)定TRBL并且父級沒有設(shè)定position屬性,那么當(dāng)前的absolute則以瀏覽器左上角為原始點(diǎn)進(jìn)行定位啦逆,位置將由TRBL決定伞矩。
Relative,CSS中的寫法是:position:relative;? 他的意思是絕對相對定位夏志,他是參照父級的原始點(diǎn)為原始點(diǎn)乃坤,無父級則以BODY的原始點(diǎn)為原始點(diǎn),配合TRBL進(jìn)行定位沟蔑,當(dāng)父級內(nèi)有padding等CSS屬性時(shí)湿诊,當(dāng)前級的原始點(diǎn)則參照父級內(nèi)容區(qū)的原始點(diǎn)進(jìn)行定位。
relative沒有跳出文本流瘦材,定位是相對于父級和兄弟節(jié)點(diǎn)厅须。absolute跳出文本流,是相對于父級且?guī)в卸ㄎ皇匙兀绻讣墰]有定位屬性朗和,那么就會往上一級再找是否帶定位,找到頂級之后如果還沒有定位簿晓,就以body定位眶拉。