課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁布局基礎(chǔ)
我復(fù)制別人的就可以?自己敲的就不行!!!!怎么回事?
2017-03-15
源自:網(wǎng)頁布局基礎(chǔ) 5-1
正在回答
同學(xué)建議你好好看看視頻 當(dāng)沒有設(shè)置父元素的時(shí)候 對子元素設(shè)置absolute默認(rèn)在左上角 但是現(xiàn)在設(shè)置了父元素 因?yàn)閐iv本身是塊級元素 并且你沒有對right塊設(shè)置浮動(dòng) 所以right塊正常應(yīng)該在左面兩塊的下面 因?yàn)槟阍O(shè)置了margin-left=790px 所以現(xiàn)在才是你看到的挨著右邊的位置 你只有設(shè)置一個(gè)top:0;才能使right挨著上邊。
咖啡學(xué)者 提問者
*{margin:0; padding:0;}
#wrap{width:970px; margin: 0 auto}
#mainbody{position: relative; margin-top:15px;}
#left{width:110px; float: left;border:1px solid #999;}
#mid{float: left; width:650px;border:1px solid #999;margin-left: 13px;}
#right{position: absolute;top: 0;margin-left:790px; border:1px solid #999;}
我發(fā)現(xiàn)問題了,我原來忘記設(shè)置top:0;但是為什么要加上這個(gè)。以父類mainbody作為基準(zhǔn)參照,right不是出現(xiàn)在父類的左上角嗎?為什么還要設(shè)定top:0;
舉報(bào)
讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁布局的相關(guān)知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-03-19
同學(xué)建議你好好看看視頻 當(dāng)沒有設(shè)置父元素的時(shí)候 對子元素設(shè)置absolute默認(rèn)在左上角 但是現(xiàn)在設(shè)置了父元素 因?yàn)閐iv本身是塊級元素 并且你沒有對right塊設(shè)置浮動(dòng) 所以right塊正常應(yīng)該在左面兩塊的下面 因?yàn)槟阍O(shè)置了margin-left=790px 所以現(xiàn)在才是你看到的挨著右邊的位置 你只有設(shè)置一個(gè)top:0;才能使right挨著上邊。
2017-03-19
*{margin:0; padding:0;}
#wrap{width:970px; margin: 0 auto}
#mainbody{position: relative; margin-top:15px;}
#left{width:110px; float: left;border:1px solid #999;}
#mid{float: left; width:650px;border:1px solid #999;margin-left: 13px;}
#right{position: absolute;top: 0;margin-left:790px; border:1px solid #999;}
2017-03-15
我發(fā)現(xiàn)問題了,我原來忘記設(shè)置top:0;但是為什么要加上這個(gè)。以父類mainbody作為基準(zhǔn)參照,right不是出現(xiàn)在父類的左上角嗎?為什么還要設(shè)定top:0;