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

margin-left: 210px和10px,为什么数字越大间距就越窄，和right的绝对定位有关么，为什么left不一起设绝对定位

body{ margin:0; padding:0; font-size:30px; color:#fff}
div{ text-align:left;}
.top{width: 100%; height:200px; background:grey;}
.main{ height:700px; background:red;}
.right{ height:700px; background: #3f803f; right:0; margin-left: 210px;position: absolute;}
.left{ width:200px; height:700px; background:blue; left: 0;top:200px;}

.foot{height:100px;background: #ff6d12; clear:both;}
</style>

qq_Justcomplete_04021004

2017-08-15

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

关注问题我要回答

1504

操作

收起

1 回答

qq_Yqy_2
2017-08-16

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

.main{ width:100%; margin:0 auto; background:red; position:relative; overflow:hidden;}

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

.right{ height:400px;background:#9C9; position:absolute; margin-left: 210px;width:100%;}

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

你的代码哪里弄来的，设那个div想干嘛，right也没宽度

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

#1

qq_Justcomplete_04021004 提问者

div那个是想把字体设到左上方，代码自己写的,我就想知道为什么margin-left: 210px和10px,设的数字越大间距就越窄，是跟left的width值200有关么，相当于设置外边距为10px?

2017-08-16 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

margin-left: 210px和10px,为什么数字越大间距就越窄，和right的绝对定位有关么，为什么left不一起设绝对定位

我要回答关注问题

意见反馈帮助中心 APP下载