第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

對“偏移前的位置保留不動”這句話還是不太理解，求問

“從效果圖中可以明顯的看出，雖然div元素相對于以前的位置產(chǎn)生了偏移，但是div元素以前的位置還是保留著，所以后面的span元素是顯示在了div元素以前位置的后面。”

本來例子中相對定位作用的元素就是div，span中的內容肯定是不動、保持原來位置的啊，為什么這里還要刻意說明這一點呢？難道在其他的定位中有span跟著div一起動的情況嗎？span不是在div中而是在div外



正在回答

3 回答

https://img1.sycdn.imooc.com//5b59d3a200015db611060576.jpg

https://img1.sycdn.imooc.com//5b59d3a3000180cd11030567.jpg

使用absolute時，<span>標簽里的元素和<div>是分別在兩個層里，而且很明顯absolute定位方式元素所在層在未設置定位方式的<span>標簽元素所在層的上方，因而覆蓋（遮?。┝讼路降脑?。而relative方式，該元素即使后面更改了其位置，該元素最開始創(chuàng)建時所在的位置仍然保留。即不改變元素所在層級，依舊在同一層。要重點理解? 層 的概念。可以百度一下Photoshop中“層”的概念

4 回復 有任何疑惑可以回復我~
#1

Gaberial 提問者

div不是塊狀元素嗎？為什么上面第一張圖中span中的內容可以和div在同一行？不應該是像圖二一樣另外換行嗎？
2018-07-27 回復 有任何疑惑可以回復我~
#2

Gaberial 提問者

剛才試了一下，建了兩個div顏色框，發(fā)現(xiàn)在絕對定位時總可以用一個框覆蓋另一個框的顏色，但是在用相對定位時，一個框永遠無法越過另一個框而覆蓋在/遮在上面。請問這是上面說的情況嗎？？但是，“偏移前的位置保留不動”，這一點又是如何體現(xiàn)的？
2018-07-27 回復 有任何疑惑可以回復我~
#3

Gaberial 提問者

因為我們一開始就定義了用了相對定位的div的位置，后面又沒有修改，為什么有偏移前偏移后的說法？
2018-07-27 回復 有任何疑惑可以回復我~
#4

Qnull 回復 Gaberial 提問者

OK、首先、在任何元素都不設置任何定位方式時、都是在一個層（假設我們定義這個默認層為 level0 ) 圖一中由于 <div>標簽設置了定位為absolute、那么這個<div>就被放置在另了另一個層（假設定義叫l(wèi)evel 1）level 0 和 level 1在頁面中、是嚴格對齊。因此圖一中兩者出現(xiàn)了重合（下層元素被覆蓋）的現(xiàn)象。因為我設置的位置都可以被認為在第一行、只不過是兩個層級的第一行
2018-07-27 回復 有任何疑惑可以回復我~
#5

Qnull 回復 Gaberial 提問者

既然這樣、那你設想、你在桌子上擺了一本書（level-one 書體透明）、默認情況下你擺的任何元素都在這個level-one表面上。每個元素都是同一級別的、不可以被覆蓋、只能一個挨著一個。然后有一個元素你想改變它定位方式為absolute、那么此時你就得重新拿一本書（level-two）蓋著最開始的書上面、然后在上面放元素。 relative定位方式則是你第一本書上左上角按順序依次往下擺三個方塊、現(xiàn)在你要改變最上面的方塊、往右偏移一個 em位置（em在css中表示這個物體100%的位置大小、假設是一個字體16px,則使用em表示移動16px,2em表示移動32px)則第一個方塊----未完
2018-07-27 回復 有任何疑惑可以回復我~
#6

Qnull 回復 Qnull

----接上—> 的最開始的位置依舊被保留（沒有其他元素占據(jù)這個位置）那么這個地方則是透明的、會顯示這個層下面層的對應位置內容。 使用absolute、默認建立的層是在 最初的層的上層。如果你想讓absolute層移到默認層的下方、既absolute層的東西被relative層的東西覆蓋住。你可以在你要設置的元素下加上 z-index : n (n表示為 負數(shù)到正數(shù)中任一一個整數(shù)）既設置了改層的層級
2018-07-27 回復 有任何疑惑可以回復我~
#7

Gaberial 提問者 回復 Qnull

感謝你的耐心回答，我先好好看看！
2018-07-27 回復 有任何疑惑可以回復我~
#8

Gaberial 提問者 回復 Gaberial 提問者

（剛看到回復）
2018-07-27 回復 有任何疑惑可以回復我~
#9

Gaberial 提問者 回復 Qnull

這樣理解可以嗎？ 1.對于相對定位，所謂的“偏移前”指的是未賦予這個元素定位屬性時該元素最初的位置，只有賦予定位屬性后才可以相對自身最初的這個位置發(fā)生偏移 2.看w3c手冊的時候有“脫離文檔流”這個說法。請問這里的文檔流就是舉例中的lv1，而“脫離文檔流”意思就是脫離了原本的lv1后到達lv2對嗎？所以某元素設置了絕對定位屬性后，它可以覆蓋/遮擋表層（lv1）的內容。
2018-07-27 回復 有任何疑惑可以回復我~
#10

Gaberial 提問者 回復 Qnull

3.設置絕對定位時，其他的元素會填補原有的空白，而設置相對定位時，原有的空白處仍然占據(jù)空間，即使有空白，后面的元素也不會擠上來。那是不是說和絕對定位比較，相對定位更不容易擾亂頁面布局呢？ 以及在實際制作網(wǎng)頁中，為什么我們需要這樣的定位設置。。。有沒有實例
2018-07-27 回復 有任何疑惑可以回復我~
#11

Qnull 回復 Gaberial 提問者

Emmm 我也才學前端沒幾天、只是有其他幾門編程語言的基礎、所以學的快一點、有些東西還沒深入研究……html和css我是在W3CSCHOLL這個網(wǎng)站上把所有內容大致了解了一遍、因為這些是死東西、復雜點的可以在實際準備做一個中小型的項目時再去查具體的實現(xiàn)代碼、實踐中不斷提高能力。
2018-07-27 回復 有任何疑惑可以回復我~
#12

Qnull 回復 Gaberial 提問者

問題一、偏移和定位方式設不設置沒太大關系。 關于偏移、你代碼里更改了top/left/right/bottom 等距離值、它都會產(chǎn)生偏移、且無論你是絕對定位還是相對定位
2018-07-27 回復 有任何疑惑可以回復我~
#13

Qnull 回復 Gaberial 提問者

https://www.cnblogs.com/shenfangfang/p/5278528.html 百度上這篇文章你可以看看、雖然很啰嗦、但是講的還行。如果看完實在還是不懂我再實際做幾個demo給你演示下。
2018-07-27 回復 有任何疑惑可以回復我~
#14

Gaberial 提問者 回復 Qnull

行，我好好研讀一下，多謝您
2018-07-28 回復 有任何疑惑可以回復我~
#15

Qnull 回復 Gaberial 提問者

”您”字太客氣了、我才大三、還小
2018-07-28 回復 有任何疑惑可以回復我~
#16

Gaberial 提問者 回復 Qnull

今天查了另外的資料，感覺可以理解了。但是不清楚實際開發(fā)網(wǎng)站過程中什么時候會應用到？
2018-07-28 回復 有任何疑惑可以回復我~
#17

Gaberial 提問者

非常感謝！
2018-08-01 回復 有任何疑惑可以回復我~
查看14條回復

這句話可以這樣理解：

1、你先不要讓div進行偏移。觀察div（也就是紅框）的位置和span（也就是文字）的位置。你會發(fā)現(xiàn)：文字是在div后另起一行的位置（1號圖的位置）

https://img1.sycdn.imooc.com//5b61214a0001d2d114770901.jpg

2、然后讓div偏移在觀察。（2號圖），你會發(fā)現(xiàn)span的位置，沒變，div按要求偏移了。

https://img1.sycdn.imooc.com//5b61215d0001ca1214600879.jpg

3、所以這樣理解為：偏移前的位置保留不動。（可以認為在原位置還有個隱形的div占坑）我是這樣理解的。


3 回復 有任何疑惑可以回復我~

原先div偏移前的位置依舊被占用，只是那個位置沒有顯示

4 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

對“偏移前的位置保留不動”這句話還是不太理解，求問

我要回答 關注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號