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

如何用CSS进行网页布局

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

已采纳回答 / hanhua
.left要有left、top值。.main{height:600px; position:relative; background-color:red;}.left{ width:200px;height:600px;position:absolute;left:0;top:0;background-color:blue;}.right{height:600px;margin:0 0 0 210px;background-color:#9acc99;}刚才回答错了,不好意思

已采纳回答 / 李晓健
这个margin 是用在了中间那块上,这里margin 一共4个值  分别对应 上 右 下 左 ;对应到他给的值就是 上:0;右310px; 下:0; 左:210px;  因为他是左中右的布局,所以上下不用管,都是0,这个没有问题。说一下他的左右的值是怎么算出来的。先看左边的,他给的值是210px,再看一下他左边区域div的宽度,200px,而且是用定位放到了左边,因为他们是在一行上的,左边区域就会盖到中间区域上,所以中间的区域要把左边的区域的宽度空出来,也就是至少要空出200px 左边才能正好显示。他给...

已采纳回答 / 荼酒
margin 是参照父元素設定。距离浏览器设定参照物就是Body

已采纳回答 / redrain_lin
clear:left + clear:right,你可以这样理解。

已采纳回答 / 慕郎_莲华
连续写 默认是一个单词了 默认 不换行 加上 word-break: breal-all; word-wrap: break-wrod; 就自动换行了

已采纳回答 / qq_圣堂的老鱼人_0
可能是bug可以向慕课网的PM联系

已采纳回答 / 南山梦悠悠
把.right写在前面,.left写在后面

已采纳回答 / 忧郁的狮子座
.left和.right样式里的left与top后面都没加冒号。。。。标点符号问题也会犯,我也是醉了。。。

已采纳回答 / 子木李
有的,一般来说,元素都有默认的样式,比如margin、padding这些的,清除了比较好,然后font-size、font-weight相当于设置了网页的默认字体号和加粗字体,清除默认样式也可以用:<...code...>后者用的相对多些

已采纳回答 / echo_kinchao
那是父元素的把 因为你脱离了文档流  就坍塌了

已采纳回答 / Mr_Don
试一下:body{margin:0px;padding:0px;}

已采纳回答 / echo_kinchao
高度AUTO  或者不写 让内容撑开
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消