課程
/前端開發
/HTML/CSS
/網頁布局基礎
#mid{margin-left:123px;}
#mid{margin-left:13px;
2015-08-04
源自:網頁布局基礎 5-1
正在回答
#wrap{width:970px; margin:0px;auto}#mainbody{position:relative; margin-top:15px;}#left{float:left;width:110px; }#mid{margin-left:123px;width:650px;border:1px solid #999;}#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
123px? 因為父元素有relative,子元素有absolute,margin-left相對于父元素左側
#wrap{width:970px; top:0;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; }
#mid{margin-left:123px;width:650px;border:1px solid #999;top:0;position:absolute;}
#right{position:absolute;margin-left:790px;border:1px solid #999;top:0;}
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-10-06
#wrap{width:970px; margin:0px;auto}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
2015-08-11
123px? 因為父元素有relative,子元素有absolute,margin-left相對于父元素左側
2015-08-05
#wrap{width:970px; top:0;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; }
#mid{margin-left:123px;width:650px;border:1px solid #999;top:0;position:absolute;}
#right{position:absolute;margin-left:790px;border:1px solid #999;top:0;}