這是沒有定位的圖片:不是靠右邊的圖片,，右邊的圖片是第四幅圖片因設(shè)置絕對定位樣式的父級沒有設(shè)置相對定位,，它的插入點選擇了瀏覽器的左上角所導(dǎo)致的結(jié)果，成覆蓋狀態(tài),。
這一段落標簽中,，設(shè)置的居左值是0,，居上值是770px,為的是好在上面的文字下面接著出現(xiàn)文字，否則的話,，居上值過小,，會覆蓋上面的內(nèi)容，居上值過大,，又和上面的文字之間離開好大的距離,；而恰是在這里可說明：先在“父級”設(shè)置相對定位，固定了插入點后,，再在段落標簽中設(shè)置絕對定位,，就可以由我們自己安排文檔的位置了。 在這里我要指出的是,，“定位插入點”（也叫“參考點”）,，按照理論上講，應(yīng)該在“body對象的左上角”,，也就是“瀏覽器窗口的左上角”,。但是，各個網(wǎng)站設(shè)置的“定位插入點”的位置是不盡相同的,。例如360doc個人圖書館,，以前，它們把“定位插入點”設(shè)置為“body對象的左上角”。現(xiàn)在呢,，它們修改了服務(wù)器中的數(shù)據(jù)啦,，把“定位插入點”下移啦。在瀏覽網(wǎng)頁的頁面中,，“修改”按鈕的下面,，我們可以看到一條橫線，那條橫線的左端,，就是“定位插入點”,。據(jù)館方講，是因為有一些不大懂代碼的朋友們,，在他們制作的網(wǎng)頁中,，應(yīng)用css定位代碼不當，遮蔽了“修改”按鈕,，無法“修改”網(wǎng)頁啦,。為了讓朋友們修改網(wǎng)頁時方便，所以將“定位插入點”下移啦,。 目前,，360doc個人圖書館的“定位插入點”，在網(wǎng)頁中是定位在“修改”按鈕下面那條橫線的左端,；在我們各自的個人圖書館首頁,，是定位在“左欄左端”垂直向上大約280px的那一點上。 也許有的朋友會問：“body對象”是什么呢,？瀏覽器窗口在什么地方?。? “body對象”是指網(wǎng)頁的主體,，也就是瀏覽器窗口,。換句話來講，就是我們?yōu)g覽網(wǎng)頁時,，拖動豎向滾動條能夠上下移動的那些網(wǎng)頁部分,。    插圖,。 |
|
|
上面的代碼中，由于塊區(qū)標簽中設(shè)置了css相對定位樣式,，所以,，段落標簽中絕對定位樣式的插入點就是這個塊區(qū)的左上角了。但我把段落標簽中設(shè)置了居左200px的值,，所以,，圖片離左邊很遠了。
