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

為了賬號安全，請及時綁定郵箱和手機立即綁定

外邊距問題

右側和中間間距17px，為什么右側的margin-left: 790px;而不是17px？中間部分并沒有設置浮動??？

正在回答

3 回答

不管中間部分有沒有脫離標準文檔流，關鍵是#right在設置了絕對定位以后自身脫離了標準文檔流，所以就以有定位的祖先元素（mainbody）的左上角為基準進行偏移，偏移量就得設置成792px了（#mid的左右邊框各1px）

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

任務2中#left和#mid都是要float：left的。不然的話#mid會出現在#left的下方。#left寬度110px,#mid寬度650px，再加上兩者之間的間距13px，#right與#mid間距17px,就是790px

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

qq_空_60

mid不使用float，但是設置margin-left:123px;就可以正常顯示，不會出現在left下方。是為什么
2016-04-19 回復 有任何疑惑可以回復我~
#2

小丸子3189053

還有left和mid的邊框沒有算 應該是110+2+13+650+2+17=794吧
2016-04-19 回復 有任何疑惑可以回復我~

任務

任務1：請在右側編輯器中補全代碼，實現頁面自動居中布局，要求#wrap頂部和底部與瀏覽器無間距；

任務2：請在右側編輯器中補全代碼，使用浮動實現#left和#mid橫向兩列排版，并且兩者之間有 ?13px間 ?距;

任務3：請在右側編輯器中補全代碼，使用position定位方法實現#right的自適應寬度橫向排版，且它與#mid之間的間距為17px。


<div id="mid"><img src="http://img1.sycdn.imooc.com//5369cd3c00013e9e06490439.jpg" width="649" height="439" /></div>

26+34+649=?


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

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

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

進入課程

外邊距問題

我要回答 關注問題
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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