課程
/前端開發(fā)
/HTML/CSS
/網(wǎng)頁布局基礎(chǔ)
為什么margin-left:123px不是在左邊平行移動123px,而是上去了呢,他也沒有定義margin-top的值是如何浮上去的呢??
2016-09-08
源自:網(wǎng)頁布局基礎(chǔ) 5-1
正在回答
我的理解是這樣的:由于#left{float:left;width:110px; border:1px solid #999;}這個“l(fā)eft塊”設(shè)置浮動,所以下一個div塊“min”不論設(shè)不設(shè)設(shè)置float浮動都會自動和上一個div塊“l(fā)eft塊”自動對齊,你試一下以下代碼:
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
注意這部分必須在mid中使用margin-left:123px;不可使用left:13px;這是為什么我也不清楚!?。?!
鏈接如下:http://idcbgp.cn/code/1426
又或者在min塊也設(shè)置float,代碼如下:
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
注意這部分在min塊中使用margin-left:13px;
慕容9964469
為了N丶 提問者
寬度小了擠上去了1
為什么要設(shè)置margin-left:123px????,應(yīng)該先設(shè)置浮動,再設(shè)置margin-left:13px就可以了啊。
舉報
讓你精通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您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-09-11
我的理解是這樣的:由于#left{float:left;width:110px; border:1px solid #999;}這個“l(fā)eft塊”設(shè)置浮動,所以下一個div塊“min”不論設(shè)不設(shè)設(shè)置float浮動都會自動和上一個div塊“l(fā)eft塊”自動對齊,你試一下以下代碼:
#left{float:left;width:110px; border:1px solid #999;}
#mid{margin-left:123px;width:650px;border:1px solid #999;}
注意這部分必須在mid中使用margin-left:123px;不可使用left:13px;這是為什么我也不清楚!?。?!
鏈接如下:http://idcbgp.cn/code/1426
又或者在min塊也設(shè)置float,代碼如下:
#left{float:left;width:110px; border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
注意這部分在min塊中使用margin-left:13px;
鏈接如下:http://idcbgp.cn/code/1426
2016-09-09
寬度小了擠上去了1
2016-09-09
為什么要設(shè)置margin-left:123px????,應(yīng)該先設(shè)置浮動,再設(shè)置margin-left:13px就可以了啊。