課程
/前端開發
/HTML/CSS
/網頁布局基礎
為什么margin-left:123px不是在左邊平行移動123px,而是上去了呢,他也沒有定義margin-top的值是如何浮上去的呢??
2016-09-08
源自:網頁布局基礎 5-1
正在回答
我的理解是這樣的:由于#left{float:left;width:110px; border:1px solid #999;}這個“left塊”設置浮動,所以下一個div塊“min”不論設不設設置float浮動都會自動和上一個div塊“left塊”自動對齊,你試一下以下代碼:
#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://www.xianlaiwan.cn/code/1426
又或者在min塊也設置float,代碼如下:
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
注意這部分在min塊中使用margin-left:13px;
慕容9964469
為了N丶 提問者
寬度小了擠上去了1
為什么要設置margin-left:123px????,應該先設置浮動,再設置margin-left:13px就可以了啊。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-11
我的理解是這樣的:由于#left{float:left;width:110px; border:1px solid #999;}這個“left塊”設置浮動,所以下一個div塊“min”不論設不設設置float浮動都會自動和上一個div塊“left塊”自動對齊,你試一下以下代碼:
#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://www.xianlaiwan.cn/code/1426
又或者在min塊也設置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://www.xianlaiwan.cn/code/1426
2016-09-09
寬度小了擠上去了1
2016-09-09
為什么要設置margin-left:123px????,應該先設置浮動,再設置margin-left:13px就可以了啊。