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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

為什么換成float:right不可以?

#mainbody{ margin-top:15px;}


把right里面換成float:right,然后margin-top換成0px,為什么沒(méi)有到頂部呢???

#right{float:right;margin-left:792px;margin-top:0px;border:1px solid #999;}

正在回答

3 回答

原因是#right里的p標(biāo)簽寬度沒(méi)改變,會(huì)超過(guò)#main body剩下的寬度,所以被擠到了下一行,可以給p設(shè)置寬度就行了,另外margin-left就應(yīng)該是17px了,792px是題目要求定位才計(jì)算出的,float不用。

0 回復(fù) 有任何疑惑可以回復(fù)我~

1. #left沒(méi)有使用定位, 而#mid用了絕對(duì)定位,#right自然排列就是在第二行;

2. float浮動(dòng)只能設(shè)置left或者right, 也就是說(shuō)right只能在本行內(nèi)左右浮動(dòng),所以需要將#left也設(shè)置一個(gè)float:left

3. 另外,你的width設(shè)置錯(cuò)了。。。

#mainbody{position:relative; margin-top:15px;}

#left{float:left; width:110px; }

#mid{position:absolute; top:0; left:130px; width:650px; border:1px solid #999;}

#right{float:right; width:180px; border:1px solid #999;}

有什么錯(cuò)誤請(qǐng)路過(guò)的大神指一下,一起學(xué)習(xí)(≧?≦)?


0 回復(fù) 有任何疑惑可以回復(fù)我~

margin-top設(shè)置的是這個(gè)ID="right"的外邊距,不是絕對(duì)定位,

這里使用絕對(duì)定位可以快速設(shè)置;

在mainbody里面設(shè)置position:relative;

在right里面設(shè)置position:absolute;? left:790px;????top:0;

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
網(wǎng)頁(yè)布局基礎(chǔ)
  • 參與學(xué)習(xí)       214674    人
  • 解答問(wèn)題       1833    個(gè)

讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁(yè)布局的相關(guān)知識(shí)

進(jìn)入課程

為什么換成float:right不可以?

我要回答 關(guān)注問(wèn)題
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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