課程
/前端開發
/HTML/CSS
/如何用CSS進行網頁布局
請問為什么我補全代碼后的效果和預期 相比差別那么大，求指教，謝謝
2016-06-15
源自：如何用CSS進行網頁布局 4-3
正在回答
margin不對 ?left 和 right的div 的position 是絕對的 不屬于文檔流， 然后 ?main 就是從body邊界開始，那么想要文字不被左右模塊擋住，就要對margin如下設置： margin：0 310px 0 210px; 。 (上右下左順時針) 310 > 300, 210 > 200 ?所以就能顯示全部文字
小白強哥 提問者
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; right:0;top:0; background:#FCC;}
.main{?height:600px;?margin:0?310px?0?210px;?background:#9CF} 外邊距應該包括左右兩側原本寬度
舉報
用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-15
margin不對 ?left 和 right的div 的position 是絕對的 不屬于文檔流， 然后 ?main 就是從body邊界開始，那么想要文字不被左右模塊擋住，就要對margin如下設置： margin：0 310px 0 210px; 。 (上右下左順時針) 310 > 300, 210 > 200 ?所以就能顯示全部文字
2016-06-15
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; right:0;top:0; background:#FCC;}
2016-06-15
.main{?height:600px;?margin:0?310px?0?210px;?background:#9CF} 外邊距應該包括左右兩側原本寬度