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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
老师好萌啊,哈哈哈
老师讲的挺好,就是声音小点。
我靠,老师你是王佩丰吧!!这声音也太像了!!
讲的有点简单阿,难度建议设置为初级
清除浮动
clear : both;即可
看了好几个,你们不清除浮动,foot能看到么???
刚才写少了两个,这个才对
.top{height:100px;background:#ccc;}
.main{height:600px;background:red;margin:0 auto;position:relative;}
.left{height:600px;width:200px;background:#00f;position:absolute;left:0;top:0;}
.right{height:600px;margin-left:210px;background:#1d9;}
.foot{height:50px;background:orange;}
IE6上也测试了,大家可以参考一下:
.top{height:100px;background:#ccc;}
.main{height:600px;margin:0 auto;position:relative;}
.left{height:600px;width:200px;background:#00f;position:absolute;left:0;top:0;}
.right{height:600px;background:#1d9;}
.foot{height:50px;background:orange;}
声音问题不是一般的严重啊~~音量低得可怜
教材的答案都不对,说不过去啊。
其实怎么样使父类main的红色背景仍然显示呢?
此问题不够严谨,float 浮动只是暂时脱离文档流,块级元素忽略float 模块,但是块级中的内联元素还是围绕float的周围,知道float的存在。
<style>
.top{height:100px;background-color:blue;}/*没宽:通栏*/
.foot{width:800px;height:100px;background-color:#900;margin:0 auto;}/*没设置height,页脚先手出不来*/
body{margin:0;padding:0;}
.main{width:800px;height:300px;background-color:#ccc;margin:0 auto;}/*没宽高,显示出不来*/
</style>

<body>
<div class="foot"></div>
prefect!!超级赞!!!
这视频最后有误导性 建议大家别看
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消