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

5-3变成挑战

帮我看看，错了的帮我改正，谢谢了！（怎样使right先加载?怎么兼容ie6?）

body{ margin:0; padding:0; _padding:0;font-size:30px; color:#fff}.top{width:100%;height:100px;background:#ccc;}
.main{width:100%; height:500px;background:red;margin:0 auto; position:relative;overflow:hidden;}
.left{width:200px;height:500px;background:blue;float:left;left:0;top:0;}
.right{width:100%;height:500px;background:green;position:absolute;margin:0 0 0 210px;}
.foot{width:100%;background:yellow;padding:0;clear:both;}

慕粉4340077

2016-11-12

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

关注问题我要回答

675

操作

收起

2 回答

慕虎9205161 回答被采纳 +3 积分
2016-11-12

首先，答案有很多种，很简洁的如下

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

.main{height:500px;background:red;}

.left{width:30%;height:500px;background:blue;float:left;}

.right{width:65%;height:500px;background:green;float:right;}

.foot{height:100px;background:yellow;}

width:100%;这玩意有必要吗？
全宽的情况下margin:0 auto;居中有必要吗？
left right放一列，你right width:100%这是啥，俺问你？
自己不是很懂得代码别乱写，没用的也少些行不？
！important试试这个，看能否优先加载，我没试啊

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

#1

慕粉4340077 提问者

非常感谢！我太菜了哈哈

2016-11-13 回复有任何疑惑可以回复我~

#2

慕虎9205161 回复慕粉4340077 提问者

我也是才开始学的，大家一起加油哈。

2016-11-13 回复有任何疑惑可以回复我~

#3

大大张伟大

我试了一下，你这个不满足左边固定宽，右边自适应

2016-11-16 回复有任何疑惑可以回复我~

慕虎9205161
2016-11-16

因为这个就不是要满足左边固定宽，右边自适应啊，实现的是左右之间有间隔的，间隔显示背景颜色的。

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

#1

好好看任务

2016-11-21 回复有任何疑惑可以回复我~

#2

哦，谢谢美女指证。我做的是它给的效果图的样子，左右有间隔。题目效果也不难啊！我觉着这么久了，应该不用我贴答案了吧！

2016-11-22 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

5-3变成挑战

我要回答关注问题

意见反馈帮助中心 APP下载