關(guān)于div定位的問題:position:relative;和position:absolute;
關(guān)于div定位的問題:position:relative;和position:absolute;
實(shí)現(xiàn)的效果
容器1
容器2
容器3
容器4
容器3距離頁面頂端10px
容器4距離容器3低端10px
容器1距離容器4低端10px
容器2距離容器1低端10px
也就是說顯示的位置,容器3離頁面頂端最近,其次是容器4,再次是容器3,最后是容器4.
body {
padding:0px; font-weight:normal; font-size:100%; margin:10px; font-style:normal; font-family:宋體,Tahoma,Helvetica,Arial,serif
}
容器1至容器4該如何利用position:relative;或position:absolute;去寫?
不能出現(xiàn):
容器1
容器2
容器3
容器4
的現(xiàn)象.
上面所提到的顯示位置出錯(cuò)了,應(yīng)該是:
容器3離頁面頂端最近,其次是容器4,再次是容器1,最后是容器2.
第一條回復(fù)全部用相對(duì)路徑,寫的也很詳細(xì),假如不控制width的話應(yīng)該是全屏顯示,這樣的話左邊可能有10px的距離,而右邊可能貼邊,
第三條回復(fù)請(qǐng)幫忙把代碼寫詳細(xì)一些,我看看效果如何,以前沒有用過相對(duì)和絕對(duì)在一起的效果.
實(shí)現(xiàn)的效果
容器1
容器2
容器3
容器4
容器3距離頁面頂端10px
容器4距離容器3低端10px
容器1距離容器4低端10px
容器2距離容器1低端10px
也就是說顯示的位置,容器3離頁面頂端最近,其次是容器4,再次是容器3,最后是容器4.
body {
padding:0px; font-weight:normal; font-size:100%; margin:10px; font-style:normal; font-family:宋體,Tahoma,Helvetica,Arial,serif
}
容器1至容器4該如何利用position:relative;或position:absolute;去寫?
不能出現(xiàn):
容器1
容器2
容器3
容器4
的現(xiàn)象.
上面所提到的顯示位置出錯(cuò)了,應(yīng)該是:
容器3離頁面頂端最近,其次是容器4,再次是容器1,最后是容器2.
第一條回復(fù)全部用相對(duì)路徑,寫的也很詳細(xì),假如不控制width的話應(yīng)該是全屏顯示,這樣的話左邊可能有10px的距離,而右邊可能貼邊,
第三條回復(fù)請(qǐng)幫忙把代碼寫詳細(xì)一些,我看看效果如何,以前沒有用過相對(duì)和絕對(duì)在一起的效果.
其他人氣:602 ℃時(shí)間:2020-06-24 07:42:18
優(yōu)質(zhì)解答
你可以分別用絕對(duì)定位和相對(duì)定位來控制4個(gè)容器之間的位置關(guān)系,容器3離頁面頂端10個(gè)像素,可以用(position:absolute;top:10px;),而其次是容器4距離容器3底部10個(gè)像素,可以用(position:relative;top:10px;),而下面...
我來回答
類似推薦
- sandy is from japan.maybe she is from
- 大家?guī)兔纯催@幾句話分別是形容春夏秋冬各是什么季節(jié)謝謝了.
- 有無條線段,長度分別為1,3,5,7,9.從中任選3條,不可重復(fù),一定能組成三角形得概率為
- 將下列成語結(jié)成對(duì),連線.
- 作文如何表達(dá)情感?
- 一般家庭怎么消毒殺菌
- 初一數(shù)學(xué):求下列各式中X的值
- 外貿(mào)里面翻譯一句話
- 分析化學(xué)英文文獻(xiàn)翻譯 一段話!
- Today is Helen's t____ birthday
- "美國孩子用晚會(huì)來慶祝生日"用英語說
- 麻煩高人看看我這篇短文有多少語法錯(cuò)誤,結(jié)構(gòu)錯(cuò)誤,用詞錯(cuò)誤.麻煩改詳細(xì)些,我會(huì)加分的.
猜你喜歡
- 1氧化鐵還原成四氧化三鐵,為什么是還原反應(yīng)
- 22010至2011六年級(jí)下冊數(shù)學(xué)期中試卷蘇教版
- 3開卷有益的名人讀書故事
- 4函數(shù)圖象關(guān)于點(diǎn)M(a,0)和點(diǎn)N(b,0)對(duì)稱,則函數(shù)y=f(x)是周期函數(shù)嗎
- 5過濾除菌操作時(shí),將菌液注入濾器過濾,時(shí)間不宜過長,壓力控制在多少為宜?
- 6“5、5、5、1”四個(gè)數(shù)字,利用加減乘除括號(hào),計(jì)算出24
- 7鄭人買履80字感想 急
- 8兩道數(shù)學(xué)必修5等差數(shù)列的題
- 9先化簡,再求值:(X的平方-4x+4/x+8-2-x/1)÷x的平方-2x/x+3 其中x的平方-4=0
- 10在標(biāo)況下,如果1.6L氧氣含n個(gè)氧分子,則阿伏加德羅常數(shù)的數(shù)值為?
- 11已知數(shù)列an的通項(xiàng)公式an=1/(4n²-1),若數(shù)列an的前n項(xiàng)和Sn=7/15則n為多少
- 12如果三點(diǎn)A(a,2)、B(5,1)、C(-4,2a)在同一條直線上,求常數(shù)a的值.怎么做啊