亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

我這樣是否正確呢

#wrap{width:970px; margin:0 auto;} #mainbody{position:relative; margin-top:15px;} #left{float:left;width:110px;margin-right:13px;border:1px solid #999; } #mid{float:left;width:650px;border:1px solid #999;} #right{position:absolute;margin-left:794px;border:1px solid #999;}請問各位高手，我這樣是否正確呢

美1

2016-01-21

源自：網頁布局基礎 5-1

關注問題我要回答

278

操作

收起

3 回答

粵川_shu
2016-01-22

<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left;width:650px;border:1px solid #999;margin-left:13px;}
#right{position:absolute; border:1px solid #999; left:792px;}
</style>
</head>

因為#left 和#mid 使用了浮動，所以像素為圖片寬度+border(1px) *2

109+2+649+2+13+17=792

#right 的left應該是792px。

0 回復有任何疑惑可以回復我~

#1

ps：我在#left 里面加了border，這在答題里面的代碼本身沒有~

2016-01-22 回復有任何疑惑可以回復我~

#2

i920hua 回復粵川_shu

為什么是109、649，不是110跟650嗎

2016-02-02 回復有任何疑惑可以回復我~

美1 提問者
2016-01-22

為什么是790而不是792？

0 回復有任何疑惑可以回復我~

#1

792是正確的

2016-01-22 回復有任何疑惑可以回復我~

#2

寫790的也沒錯，因為在答題圖里面的#left 是沒有加border的。這個細節如果加了border就是：109+2+649+2+13+17=792 不加則是：109+649+2+13+17=790

2016-01-22 回復有任何疑惑可以回復我~

蝶飛鳳舞02
2016-01-21

<style type="text/css">

*{margin:0; padding:0;}

#wrap{width:970px; 【任務1】margin:0px auto;}

#mainbody{【任務3】 margin-top:15px;position:relative;}

#left{【任務2】width:110px; float:left;}

#mid{【任務2】width:650px;border:1px solid #999;float:left;margin-left:13px;}

#right{【任務3】border:1px solid #999;position:absolute;margin-left:790px;}

</style>

0 回復有任何疑惑可以回復我~

舉報

0/150

提交

取消

網頁布局基礎

參與學習 214662 人
解答問題 1833 個

讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識

我這樣是否正確呢

我要回答關注問題

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

掃描二維碼
關注慕課網微信公眾號