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

大家不觉得这道题有问题吗？

left为200px不变，右侧为继承父元素的100%，导致浏览器下面有横向的滚动栏

Ajayy

2017-03-26

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

关注问题我要回答

569

操作

收起

4 回答

qq_三城_abeALW
2017-04-11

代码是这样滴，就是有横向滚动条了

.top{width:100%;height:100px;background:#ccc;margin:0 auto;}
.main{width:100%;height:600px;background:#fc0300;margin:0 auto;}
.left{width:200px;height:600px;background:#0000fe;}
.right{width:100%;height:600px;background:#9acc99;margin-left:210px;position:absolute;}
.foot{width:100%;height:50px;background:#ff6634;clear:both;}

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

#1

茶杯养鲸鱼

宽度已经100%了，就不需要再设置居中了吧

2017-06-03 回复有任何疑惑可以回复我~

#2

小湖南工程师

.main没有设置相对定位

2017-07-17 回复有任何疑惑可以回复我~

qq_三城_abeALW
2017-04-11

我也发现这个问题了，而且横像滚动条往右拉，foot的宽度和rigth的宽度不匹配。上面的解释根本和问题不符嘛

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

__没有人
2017-03-29

没有滚动条(即使加上overflow)，不设置margin-left就有部分重叠，因为右侧默认与父容器等宽，换句话说，如果有滚动条，左侧你拉动的距离就是右侧盒子与父容器的宽差，就不满足等宽了

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

慕粉1469282596
2017-03-27

right并不是继承父元素的100%，有margin-left属性，题意是说窗口改变时，只改变right的宽度,left不变

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

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

大家不觉得这道题有问题吗？

我要回答关注问题

意见反馈帮助中心 APP下载