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

如何用CSS进行网页布局

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.60
1991人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
为什么我把代码复制到editplus运行的结果和老师讲的运行结果不一样呢

已采纳回答 / qq_离殇莹火虫_0
是不是因为你在body前面加了.,所以body后面的都没用了。把.删了看看

最新回答 / 慕移动9181930
你需要一个查找下一个节点元素的函数你好,在课程源代码中可以下载到

已采纳回答 / 脑袋空空空想家
有可能是在这里屏幕不够宽的问题,建议拷到本地软件中测试,我的在网页上和你一样,放到webstorm中测试是能得到效果的
1.5倍刚刚好
加个font-size会更美观一些吧 我觉得是

最赞回答 / 游离态L
我记得那个初始代码中多了一个 },所以代码产生了问题,删掉之后就可以了,你那个清楚浮动没错的,top:0是为了让那两个div出现在左上角和右上角   如果改为top:100px; 那么就会有100px的距离出现
@ qq_赢在行动_0 不是会依据body定位,而是会依据根目录定位,即html。

最赞回答 / sherlockone
你注意二列布局后面的选择题没有 ?  什么选择能脱离文档流。。。 在这题有了使用的答案。左 和 右  都是绝对定位!   绝对定位脱离了文档流 。  也就是说   中间的 DIV 确实是块级元素,。而且它确实是独占一行。     因为左右都不存在于文档流中。。
div{ line-height:50px}
.left{ height:600px; width:200px; position:absolute; background:#ccc; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px ; background:#9CF}
.right{ height:600px; width:300px; position:absolute; background:#FCC;
right:0; top:0}

已采纳回答 / 小蚂蚱99919
浮动,会影响你往下的文本内容跟着一起浮动,影响美观和布局.清除浮动便于文档结构整理和改变.

已采纳回答 / 慕村9322638
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。而top head里的元素属于行内元素不占据外边距,而main里面是列元素要占据600px,所以footer的上边距=head-height:0px+main-height:600px
第一感觉就该选A,position:absolute,是绝对定位,而float浮动可以让元素跑起来。
这节课看圣杯布局或者双飞翼布局会更好吧
为什么要清除浮动?
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消