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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 风口飞翔的牛
在HTML中的代码和在CSS中的对应样式的先后顺序可以决定浏览器加载代码的顺序,浏览器一般情况下是对代码进行顺序执行的
设置成margin: opx 310px 0px 210px是因为边界的值是按照顺时针的方向,上右下左的顺序。因为左边和右边都被绝对定位,所以脱离了文档流;之所以是310px和210px是因为210=200+10,其中的200是左边的宽度,加上中间空出来的10px;310也是,依此类推。

最新回答 / Wenniefe
.left设置position:absolute
.main,.footer{ width:650px; margin:0 auto;}
.head{ width:100%; height:100px; background:#ccc}
.main{ height:600px; background:#FCC}
.footer{ height:50px; background:#9CF}
最后的编程题刚开始思路不明确,参考答案以后还好。
浮动都不加
给的答案都是错的这有意思啊/?
讲真的,教材写的真的随意 啊
什么玩意,给的答案是错的
艺术与技术的展现,,,不错。

最新回答 / 深山老龟
显示对着呢?r_sub_left和r_sub_right都在right盒子里面,右浮动就会到float:right下面
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px;position:absolute; margin: 0 310px 0 210px;background:#9CF}
.right{ height:600px; width:300px; right:0; top:0; position:absolute; background:#FCC;}

已采纳回答 / jun_an
<style type="text/css"> body { margin: 0; padding: 0; } .top { height: 50px; border: 1px solid red; width: 100%; text-align: center; } .main { height: 150px; width: 100%; border: 1px dotted blue; text-align: center; } .left { height: 1...
hihihi
总是报错,看不下去了
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消