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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

div塊移動之后,為什么span塊沒有移動到現(xiàn)在邊框的下邊位置,div塊不應(yīng)該占據(jù)整個邊框么

div塊移動之后,為什么span塊沒有移動到現(xiàn)在邊框的下邊位置,div塊不應(yīng)該占據(jù)整個邊框么

慕田峪0816849 2016-07-31 16:41:49
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>relative樣式</title><style type="text/css">#div1{? ? width:200px;? ? height:200px;border:2px red solid;? ? position:relative;? ? ?//position:absolute;left:100px;? ? top:50px;? ??? ??}</style></head><body>
查看完整描述

5 回答

已采納
?
ahao430

TA貢獻35條經(jīng)驗 獲得超41個贊

對比一下不設(shè)置position,和relative,absolute的圖。

http://img1.sycdn.imooc.com//579e39310001bcad03510122.jpg

可以看出不設(shè)置和設(shè)置relative兩張圖文字位置沒有任何變化。因為position:relative不會脫離文檔流。雖然通過設(shè)置left和top移動了div,但是文檔流中依然占據(jù)最開始的位置,不會影響其他元素。假設(shè)你不設(shè)置left和top值,那么兩張圖是完全一樣的。

而第三張圖中,可以看出文字跑到最上面了。因為position:absolute會脫離文檔流。只是你移動了div,看起來不在一起。如果不設(shè)置top和left的話,就會發(fā)現(xiàn)div沒動,但是文字跑上來重疊在一起了。

你把top和left都去掉,再在瀏覽器中查看就會明白了。

順便說一下,css里的注釋不能用//,你看你圖片里的注釋都沒有變灰。只是剛好因為加了//瀏覽器不認識所以沒有執(zhí)行。

查看完整回答
1 反對 回復(fù) 2016-08-01
  • 慕田峪0816849
    慕田峪0816849
    什么是文檔流呀??
  • ahao430
    ahao430
    html元素是從上到下依次加載的,上面的元素占據(jù)了空間,下面的元素就會往下擠,這個就是文檔流。
?
blovetu

TA貢獻319條經(jīng)驗 獲得超234個贊

  1. 設(shè)置position,盒子脫離了文本流,另外設(shè)置float也會脫離文本流,你可以單獨把這些試一下,下次遇到這種問題就明白了;

  2. 你的position:absolute,沒有注釋成功,css的注釋是/*注釋內(nèi)容*/, ? ?html的注釋是<!--注釋內(nèi)容--> ?,? ?js的注釋是//注釋內(nèi)容 ?,sumblime注釋的快捷鍵是,選中要注釋的文本按ctrl+/

查看完整回答
1 反對 回復(fù) 2016-08-01
?
qyy2499760117_葉子

TA貢獻188條經(jīng)驗 獲得超91個贊

這節(jié)課講的是? ? position:relative;的作用,偏移位置保留不懂。

查看完整回答
反對 回復(fù) 2016-08-01
?
nickylau82

TA貢獻128條經(jīng)驗 獲得超67個贊

設(shè)置relative你可以想象一下,這個div是個飛機,從停機坪飛起來,飛到別的地方去了。但是。。這個停機坪還是要給他留著的,否則飛不回來了。。。

查看完整回答
反對 回復(fù) 2016-08-01
  • 5 回答
  • 0 關(guān)注
  • 2781 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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