課程
/前端開發
/HTML/CSS
/網頁布局基礎
我覺得題中給的任務位置有問題: 應該是添加:?
body{position:relative}
?siderbar{position:absolute}?
content{margin-left:200px}
2016-01-25
源自:網頁布局基礎 4-6
正在回答
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)
喋喋寶 提問者
你這個理解完全錯了。他并不是相對于body來進行對位的,你為什么要把relative放在body上呢?他是相對于上面的nav導航進行的定位,定位是top:0 ? 也就是緊挨著他下面。。。然后再設置一個margin-left:200px ?是因為左邊bar是180PX, 還要有個20PX的間隙啊
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-29
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)
2016-01-25
你這個理解完全錯了。他并不是相對于body來進行對位的,你為什么要把relative放在body上呢?他是相對于上面的nav導航進行的定位,定位是top:0 ? 也就是緊挨著他下面。。。然后再設置一個margin-left:200px ?是因為左邊bar是180PX, 還要有個20PX的間隙啊