亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

和視頻中效果不一致

代碼寫到這里,死活運行不出來老師的效果,我的還是一直動下去,坑死人?。∽詈蟀l現只要把#div1{ position: absolute}就可以了,但是,但是為什么老師的還是relative也行啊(詳見視頻截圖右下角)。見鬼啦!!

js代碼沒問題的,就是這里出問題了,有沒有遇到過的同學,交流一下。

正在回答

1 回答

position:absolute是絕對定位(相對于已定位的父元素進行的絕對定位)----脫離正常文檔流

position:releative是相對定位(相對于原來的位置進行相對定位)------未脫離正常文檔流

一般情況下

父元素用相對定位,子元素用絕對定位


若是想看出你所使用的父元素和子元素都用絕對定位和父元素和子元素用不同定位的區別,那么可以

將父元素div的初始位置放在頁面中間。之后就可以看見兩種方式的區別。

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

沒聽說過 提問者

今天終于找到了,其實問題在*{ margin: 0; }這里,如果不加這句,那么#div的position必須是absolute才能有正常效果,如果加上這句,position為relative 也會出現正常效果,這下我就更不太懂了,這到底是為什么呢?
2016-03-10 回復 有任何疑惑可以回復我~
#2

weibo_布袋英雄_03656033 回復 沒聽說過 提問者

我也是這個問題,#div的position必須是absolute才能有正常效果,和你不同的地方是,就算加上*{ margin: 0; } 變成relative 也不能實現!
2016-09-02 回復 有任何疑惑可以回復我~
#3

weibo_布袋英雄_03656033 回復 weibo_布袋英雄_03656033

*{ margin: 0; } 和下面這個效果不一樣嗎?我是二者選一 body,div,span{ margin:0; padding:0; }
2016-09-02 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
JS動畫效果
  • 參與學習       113918    人
  • 解答問題       1502    個

通過本課程JS動畫的學習,從簡單動畫開始,逐步深入各種動畫框架封裝

進入課程

和視頻中效果不一致

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

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號