课程
/前端开发
/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} 外边距应该包括左右两侧原本宽度
举报
用最简洁的案例教你布局的那些知识，这是前端工程师基本技能
