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

优化我的答案

.left{width:200px;height:600px;background-color:blue;position:absolute;top:100px;left:0} .right{height:600px;background-color:#00CCCC;margin-left:210px;} 主要点满足了，需要优化吗？兼容ie6该如何做？

然後怎样

2015-06-01

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

关注问题我要回答

712

操作

收起

2 回答

Jack_007 回答被采纳 +3 积分
2015-12-17

/*你的left绝对定位以html文档进行定位,后期如果top层高度缩小或者增大.left层会出现问题.

*我这里则以main层作为定位父包含块.

*/

.main{background:red;position:relative;}

.left{position:absolute;top:0;left:0; width:200px;background:blue;height:500px;}

.right{margin-left:210px; height:500px;background:#9ACC99;}

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

#1

此段代码在IE6下完全没问题.已测试.

2015-12-17 回复有任何疑惑可以回复我~

#2

然後怎样提问者

非常感谢！

2016-01-06 回复有任何疑惑可以回复我~

周米林MillionChow
2015-12-17

top:0 top:100不对因为你的父元素是main

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

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

优化我的答案

我要回答关注问题

意见反馈帮助中心 APP下载