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

关于三列布局的一些问题

body{margin:0;padding:0;font-size: 50px;}
.top{height:100px;background:green;}
.main{height: 400px;background: red;}
.left{width:200px;height: 400px;background: lime;position:absolute;left: 0;top:100px;}
.right{height: 400px;background: maroon;margin-left:210px;}
.foot{height:100px;background:fuchsia;}

我这样也是能到实践的效果。但是为什么rigth{}里不用加right:0;top:100px？

咖啡学者

2016-12-01

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

关注问题我要回答

751

操作

收起

3 回答

Hbrsql 回答被采纳 +3 积分
2017-01-06

"margin-left:210px;"可以使.right DIV右移210px,已达到实践的效果.

position:abosolute;right:0;top:100px;也能达到同样的效果.

要实现同一种效果,可能有好多种方式,选择自己认为较优的即可.

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

#1

咖啡学者提问者

非常感谢！

2017-02-26 回复有任何疑惑可以回复我~

夜空中最亮的星光
2016-12-06

你的.right又没有使用绝对定位，为什么要加绝对定位的属性呢？

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

慕后端3584988
2016-12-02

top的默认值是0；
margn-left：是右框到左边的距离（左边框宽度200px,中间留10px）

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

举报

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209539 人
解答问题 1206 个

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

关于三列布局的一些问题

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号