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

使main水平居中在浏览器中央，并且与左右div有10px的间距

.main{ height:600px; margin:0 310px 0 210px; background:#9CF}

310和210怎么算出来的？

qq_飞翔的烤肉_0

2016-08-19

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

关注问题我要回答

953

操作

收起

4 回答

Samdunk
2016-09-05

因为左右两个div设置为了绝对定位，所以具有z-index属性（具有覆盖效果），所以要想使main水平居中在浏览器中央，并且与左右div有10px的间距，需要将margin-left的值和margin-right的值分别加10px。

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

收起回答

qq_不净莲华_03851634
2016-08-22

是根据左右两个div设置的宽度来定的，你中间这个div是一个盒子元素，它的margin值就是相对于浏览器的边框来设置的，嗯就是这样子了，望采纳！

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

收起回答

慕粉3659148
2016-08-19

这个main定位在中间是相对于浏览器而言，main离浏览器左边是210px（200+10,200是left的宽度），离右边是310px（300+10，300是right的宽度）。程序中margin是相对于浏览器的距离，不是相对于另外两个块元素的距离

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

收起回答

RenardLeung
2016-08-19

左侧div宽度：200px 右侧div宽度：300px;

所以,如果设置main水平居中，且和左右div“无缝隙”，则 margin-left值为200px, margin-right值为300px;

那么为了和左右div有10px间距，则margin-left的值和margin-right的值分别加10px即可

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

收起回答

0/150

提交

取消

如何用CSS进行网页布局

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

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

进入课程

使main水平居中在浏览器中央，并且与左右div有10px的间距

我要回答关注问题

热搜

最近搜索清空

使main水平居中在浏览器中央，并且与左右div有10px的间距

4 回答

使main水平居中在浏览器中央，并且与左右div有10px的间距