为了账号安全,请及时绑定邮箱和手机立即绑定

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
.top{height: 100px;background-color: #ccc;}
.main{height:800px;background-color: red;}
.left{height: 100%;width: 200px;background-color: blue;float: left;}
.right{height: 100%;width: 84%;background-color: green;float:right;}
.foot{height: 100px;width:100%;background-color: orange;}
麻烦自己审好题再看好吗?右自适应
@漫希因为这个div没有固定宽度。可以设置overflow:hidden;
简单通俗易懂
直接加个margin:0 auto;不就行了嘛,一群大神啊,各种修改。。。
说话的尾音,“啊”,感觉在哄小孩子或者女孩子。。。
讲的很详细,就是声音真的有点小了--,笔记本公放本身声音就小,音量调100,趴着听都快听不到了,希望老师以后再录制的时候给麦声音调大一点,非常感谢!
老师真是太可爱了!
终于声音能听清楚了。谢谢老师收获很多。
贴近屏幕去听,都听不太清楚。声音太小了哦 但老师的课程很好,听过其他的课程。
老师讲的很好!
哈哈,好玩
直接把第九行的widtn改小点就好了,,其他人说的都是什么鬼。。造成无法显示原因就是宽度设置太大了,比如说宽度占了整个页面怎么居中都没用啊
.top{height:100px;background:#ccc;}

.main{height:1000px;width:980px;background:red;}

.left{ height:1000px;width:200px;background:blue;float:left}

.right{height:1000px;width:750px;background:green;float:right}

.foot{height:50px;background:yellow;clear:both;}
.top{height:60px;margin:0 auto;background-color:gray;}
.main{height:400px;margin:0 auto;background-color:red;}
.left{height: 400px; float: left;width: 200px; background-color:blue;}
.right{height:400px; margin-left: 210px; width:100%; position: absolute;background-color: green;}
被前面的人带着去听“啊”了,罪过
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消