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

中间蓝色的页面无法上去居中位置

本来中间的style是这么写的--.main{ height:600px;margin:0px 310px 0 210px; background:#9CF;}，全屏后看到蓝色页面在左右文本的下方，无法居中在上面，然后就.main{ height:600px;margin:-600px 310px 0 210px; background:#9CF;}才成功。我想知道是我代码出错，还是其他原因导致无法实现效果的。

广州张敬轩

2016-12-20

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

关注问题我要回答

594

操作

收起

3 回答

Hbrsql
2017-01-06

.left{ position：absolute; }

你的代码中这个冒号":"使用的不是英文标点,造成.left DIV没有绝对定位,还处于正常流中, .main DIV才换行显示.

重新输入一个正确的":"即可.

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

收起回答

大涧涧dry
2016-12-22

这位同学，提问的时候还是要把完整的代码粘贴上来了，不然这样的问题没有啥实质性的意义。很多同学都是十分关注提问的

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

收起回答

广州张敬轩提问者

我有上传代码截图的啊，看不到吗？

2016-12-24 回复有任何疑惑可以回复我~

慕婉清8913646
2016-12-21

.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px;margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute;right:0; top:0; position:absolute; background:#FCC;}

你可能是left和right的css没写对

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

收起回答

广州张敬轩提问者

.right的顺序调转了，我是width在最左，然后再到height，这有影响吗？

2016-12-24 回复有任何疑惑可以回复我~