課程
/前端開發
/HTML/CSS
/網頁布局基礎
為什么margin-left是792px?不是110+13+650+17=790嗎?
2016-03-18
源自:網頁布局基礎 5-1
正在回答
我知道了 792=123+1+650+1+17(多加的2就是中間的邊框寬度border:1px *2)
123是沒有算上中間邊框左邊寬度的,17也沒有中間邊框右邊寬度的。
#mid的border左右兩邊還各有1px寬度
cp0417 提問者
#wrap{width:970px; margin:0 auto;}
#mainbody{position: relative; margin-top:15px;}
#left{position:absolute;left:0;top:0;width:110px; }
#mid{margin:0 150px 0 120px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0;top:0;width:150px;border:1px solid #999;}
流海侃人
應該是790px啊。
流海侃人 回復 cp0417 提問者
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-01
我知道了 792=123+1+650+1+17(多加的2就是中間的邊框寬度border:1px *2)
123是沒有算上中間邊框左邊寬度的,17也沒有中間邊框右邊寬度的。
2016-03-18
#mid的border左右兩邊還各有1px寬度
2016-03-18
#wrap{width:970px; margin:0 auto;}
#mainbody{position: relative; margin-top:15px;}
#left{position:absolute;left:0;top:0;width:110px; }
#mid{margin:0 150px 0 120px;width:650px;border:1px solid #999;}
#right{position:absolute;right:0;top:0;width:150px;border:1px solid #999;}
2016-03-18
應該是790px啊。