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

不能够实现3列position绝对定位布局啊

body{ margin:0; padding:0; font-weight:bold} div{ line-height:50px} .left{ width:200px; position:absolute; background-color:#369;} .main{ margin:0 310px 0 210px ; width:auto; background-color:#FF6; } .right{ width:300px; position:absolute; background-color:#66C;} 为什么我实现不了3列得功能啊

qq_会飞的鱼_32

2017-03-31

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

关注问题我要回答

769

操作

收起

3 回答

飞向天空的孩子
2017-08-10

带沟里去了吧；absolute脱离文档流，固定在左右两边了，

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

kerse
2017-03-31

.left{ width:200px; height:600px; position:absolute;left:0; top:0;background:#ccc;}

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

.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}

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

qq_会飞的鱼_32 提问者
2017-03-31

right:0;top:0;加上有点好，但是这样了

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

#1

慕数据6856210

你middle的height没有设置，不设置就是默认高度，也就是父元素的高度，这里的父元素是body，也就是浏览器，所以会出现这种情况

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

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

不能够实现3列position绝对定位布局啊

我要回答关注问题

意见反馈帮助中心 APP下载