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

如何用CSS进行网页布局

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

已采纳回答 / 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即可

已采纳回答 / 黑白先森
原因是你代码打错了,清除默认样式那里

最赞回答 / 慕粉3842826
单独使用float时,即便是被设置了浮动,元素仍然在标准文档流中, 但是由于设置了绝对定位,使得元素脱离了文档流,所以说是两者的结合才可以使元素脱离文档流,起作用的是绝对定位,而不是float哦;另外,fixed固定定位,设置了以后元素是不会脱离文档流的

已采纳回答 / qq_杺難幵_03727737
查了下left:0是相对body进行定位的,给main设置position:relative相对定位,left就会以已经进行定位的父元素main进行绝对定位position:absolute;letf:0top:0;就可以用了

已采纳回答 / YomiChan3924135
你应该是清除浮动的时候写错了吧,应该是clear:both;  而不是float:none;
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消