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

如何用CSS进行网页布局

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

已采纳回答 / Kider_柯
因为5-1视频中的main设置了高度,所以不需要里面的内容把它撑起来,footer就不需要清除浮动。反之5-2中的main没有设置高度。

已采纳回答 / 慕UI5501848
p 元素会自动在其前后创建一些空白。<...code...>取消默认样式,可以解决这问题。

已采纳回答 / 慕虎2019040
你的代码截图出来看一下

已采纳回答 / nothingbok
调整一下窗口的宽度,宽度为某些值时,会出现类似问题。

已采纳回答 / 开窗十载砍十桃花
因为上面的浮动使得mianbody脱离了元素脱离了文档流,而footer又没有定位

最新回答 / 人非草木
你确定图2效果中的源代码是图1吗??我原封不动的抄写了你的代码,包括你.left里的top;0这个错误也一样,但是也没达到你图2中的效果,right根本没有占满main的右边部分,你.right中设置position:absolute后,.right脱离文档流成为行内块级元素,默认宽度是文档宽度(也就是跟right这个词一样宽),而你又没有给right设置宽度,所以应该就是占不满main的,所以你的源代码不一样怎么分析啊。。。。。

已采纳回答 / tyc2003
高度随便确定,不影响。正式做是不用确定高度的,高度是要随内容变化的。

已采纳回答 / hello_1128
display:inline 让列表选项按照行内元素显示就可以

已采纳回答 / 慕少7532173
你的记事本保存时,也应该调整UTF-8,两者不一致就会出现乱码

最赞回答 / 慕粉1473412646
.right{height:800px;background:green;position:absolute;left:210px;right:0;}

已采纳回答 / 黑白先森
800=220+580  当然数值可以随便写,不过两数值相加等于800即可

已采纳回答 / 黑白先森
原因是你代码打错了,清除默认样式那里
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消