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

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

4-6編程練習中的任務位置有問題么?

我覺得題中給的任務位置有問題: 應該是添加:?

body{position:relative}

?siderbar{position:absolute}?

content{margin-left:200px}

正在回答

2 回答

siderbar是一個固定寬度的塊級元素。。mainbody是sidebar和content的父級元素?,F在siderbar的位置已經位于mainbody的左側了(是想要的效果了)。那么因為siderbar是塊級元素。要獨占一行(雖然它的寬度小于整個頁面的寬度,但是它還是要獨占那一整行)。所以需要解決的問題是怎么讓mianbody中的content層位于sidebar層的右邊。并且和mainbody有一個20px的間距。所以要給mainbody設置relative相對定位,并且把content層定位到與mainbody層的頂部沒有偏移(top:0;)再給content層一個左margin為200px(margin-left:200px; 200px是這樣算出來的,siderbar寬度為180px;content層需要和siderbar有20px的間距,所以180px+20px=200px)

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

喋喋寶 提問者

非常感謝!
2016-02-15 回復 有任何疑惑可以回復我~

你這個理解完全錯了。他并不是相對于body來進行對位的,你為什么要把relative放在body上呢?他是相對于上面的nav導航進行的定位,定位是top:0 ? 也就是緊挨著他下面。。。然后再設置一個margin-left:200px ?是因為左邊bar是180PX, 還要有個20PX的間隙啊

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

舉報

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

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

進入課程

4-6編程練習中的任務位置有問題么?

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

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

幫助反饋 APP下載

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

公眾號

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