                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

怎样修改才能把中间的红颜色露出一丢丢，求大神指点

.top{height:80px;background:gray;}

.main{width:500px;height:500px;background:red;margin:0 auto;}

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

.right{width:300px;height:500px;background:green;float:right;}

.foot{height:30px;background:orange;}

qq_我踹了你一脚并_03711706

2016-09-14

源自：如何用CSS进行网页布局 5-3

关注问题我要回答

1025

操作

收起

6 回答

xu951014
2016-09-22

你的main只有500px，被left和right占完了，没有空的地方了，margin-left:210px不就可以了，而且main你别给他设置固定宽度

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

收起回答

MTzl
2016-09-21

原因分析：你的left和right的width直接把main的width占完了；500px ＝ 200px + 300px，肯定不会显示出main的背景色了；你只需要将left 或right的width减小就行了。eg：200px -> 180px

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

收起回答

慕粉1473412646
2016-09-21

.right{height:800px;background:green;position:absolute;left:210px;right:0;}

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

收起回答

一个人的寂静时光
2016-09-20

.right{width:300px;height:500px;background:green;margin-left:210px}

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

收起回答

再来一波666
2016-09-14

.right{

width:55%;

height:500px;

background:green;

float:right;

}

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

收起回答

Sherlock是个女孩名
2016-09-14

.right{

height:100%;

background:#9ACC99;

margin-left:110px;

}

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

收起回答

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

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

进入课程

怎样修改才能把中间的红颜色露出一丢丢，求大神指点

我要回答关注问题

热搜

最近搜索清空

怎样修改才能把中间的红颜色露出一丢丢，求大神指点

6 回答

怎样修改才能把中间的红颜色露出一丢丢，求大神指点