課程
/前端開發
/HTML/CSS
/網頁布局基礎
既然在文檔流中，應該占滿所在的行空間，把下面的內容擠下去才對啊
2015-09-08
源自：網頁布局基礎 4-2
正在回答
相對定位只是相對于自身而言它發生的偏移，但它還包含在標準文檔流里，也可以認為是說，box2和box3得到的信息是——box1的位置沒有發生偏移；可以把相對定位看作是一個幻影，你看到的效果是它覆蓋了后面的內容，實際上機器語言編譯出來的它還是在原來的位置沒有發生偏移，box2和box3執行的是機器告訴它的信息
學無止境ooc
grace_luo 提問者
在標準文檔流中就意味著它會占據標準文檔流的空間，在它相對定位并設置了偏移屬性后呢，它也會擁有z-index屬性，也就是所看到的層堆疊，即覆蓋了后面的元素。你可以把它看做不僅擁有x，y坐標，還擁有了z坐標；
而脫離標準文檔流則意味著它的x，y坐標都沒了，也就是說它不在這個層里了，因此下面的元素會取代了它的位置。
你要知道如果脫離標準文檔流，那么box2和box3會怎么樣呢？會直接擠到最上面的。而不會原地不動。
同問！如果處于標準文檔流，那其他box會因為box1占位而填充空余位置，既然沒有為什么叫做還在標準文檔流中，有了z軸屬性，不就脫離了標準文檔流了嗎？
有自己的空間不代表不會覆蓋或被覆蓋。
正是因為處于標準文檔流中 所以會覆蓋，因為他占有自己的空間。
貼代碼
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-10-17
相對定位只是相對于自身而言它發生的偏移，但它還包含在標準文檔流里，也可以認為是說，box2和box3得到的信息是——box1的位置沒有發生偏移；可以把相對定位看作是一個幻影，你看到的效果是它覆蓋了后面的內容，實際上機器語言編譯出來的它還是在原來的位置沒有發生偏移，box2和box3執行的是機器告訴它的信息
2016-11-01
在標準文檔流中就意味著它會占據標準文檔流的空間，在它相對定位并設置了偏移屬性后呢，它也會擁有z-index屬性，也就是所看到的層堆疊，即覆蓋了后面的元素。你可以把它看做不僅擁有x，y坐標，還擁有了z坐標；
而脫離標準文檔流則意味著它的x，y坐標都沒了，也就是說它不在這個層里了，因此下面的元素會取代了它的位置。
2016-04-24
你要知道如果脫離標準文檔流，那么box2和box3會怎么樣呢？會直接擠到最上面的。而不會原地不動。
2016-03-10
同問！如果處于標準文檔流，那其他box會因為box1占位而填充空余位置，既然沒有為什么叫做還在標準文檔流中，有了z軸屬性，不就脫離了標準文檔流了嗎？
2015-10-08
有自己的空間不代表不會覆蓋或被覆蓋。
2015-10-04
正是因為處于標準文檔流中 所以會覆蓋，因為他占有自己的空間。
2015-09-08
貼代碼