.top{ height:100px; background:#ccc;}
.main{height:500px; background:red; position:relative;}
.left{ width:200px; background:blue; height:500px; position:absolute; left:0; top:0;}
.right{height:500px; width:100%; background:green; margin-left:210px; }
.foot{height:50px; background:orange}
.main{height:500px; background:red; position:relative;}
.left{ width:200px; background:blue; height:500px; position:absolute; left:0; top:0;}
.right{height:500px; width:100%; background:green; margin-left:210px; }
.foot{height:50px; background:orange}
最新回答 / 大写的水
你的left和right没有设置高度,然后这里和上一节中不大一样,上一节中使用的是浮动排版,解决footer显示的方法有1、给main设置和left/right相同的高度;2、给main设置属性overflow=hidden;3、给footer设置属性clear:both;在这一节这里我们使用的是定位排版,所以只能采取给main设置和left/right相同的高度的方法解决footer显示问题
2015-10-14