为了账号安全,请及时绑定邮箱和手机立即绑定

出现的问题就是,右边的div显示的背景颜色不全,不能把右边的区域覆盖掉,求大神解决!!

css部分

.top{height:100px; background:#ccc}

.main{width:600px;overflow:hidden;position:relative;}

.left{ width:200px; height:500px;float:left; background:blue; }

.right{ position:absolute; left:0; top:0;float:right;height:500px; background:#9C9; margin-left:200px;width:80%}

.foot{ height:50px; background:#F63; }


html部分

<div class="top">top</div>

<div class="main">

       <div class="right">right</div>

    <div class="left">left</div>

</div>

<div class="foot">foot</div>


正在回答

2 回答

.top{height:100px;background:#ccc}

.main{height:500px;overflow:hidden;position: relative;}

.left{width:20%;height:100%;float:left; background:blue; }

.right{position:absolute;left:0;top:0; background:#9C9;margin-left:20%;height:100%;width: 80%;}

.foot{ height:50px; background:#F63;}

0 回复 有任何疑惑可以回复我~

.top{height:100px;background:#ccc}

.main{height:500px;overflow:hidden;}

.left{width:200px;height:100%;float:left; background:blue; }

.right{background:#9C9; margin-left:200px;height:100%;}

.foot{ height:50px; background:#F63;}

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

出现的问题就是,右边的div显示的背景颜色不全,不能把右边的区域覆盖掉,求大神解决!!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信