課程
/前端開發
/HTML/CSS
/網頁布局基礎
right里面的那一行字我怎么是一行的了“?都出mainbody外面了?怎樣把那段字變成多行的?
2016-02-24
源自:網頁布局基礎 5-1
正在回答
任務3要求使用position定位方法實現#right的自適應寬度橫向排版,且它與#mid之間的間距為17px。
那么對#right設置絕對定位,參考坐標是#right的父標簽,即先對#mainbody設置相對定位
以下是代碼
#mainbody{position:relative;margin-top:15px;}
#right{position:absolute;left:788px;border:1px solid #999;}
出現你說的情況,可能是你設置#right的位移量時設置成了right:0;,至于以上代碼中的left:788px;,是通過#right+13px+#mid+17px算出來的。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-24
任務3要求使用position定位方法實現#right的自適應寬度橫向排版,且它與#mid之間的間距為17px。
那么對#right設置絕對定位,參考坐標是#right的父標簽,即先對#mainbody設置相對定位
以下是代碼
#mainbody{position:relative;margin-top:15px;}
#right{position:absolute;left:788px;border:1px solid #999;}
出現你說的情況,可能是你設置#right的位移量時設置成了right:0;,至于以上代碼中的left:788px;,是通過#right+13px+#mid+17px算出來的。