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

如何用CSS进行网页布局

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

最新回答 / 慕粉2035072466
首先,你设置了 .left 和 .right 浮动(float),它们脱离了文档流,可以想象为悬浮在一个页面,和下面的.main 不在一个层面上。至于.main你设置了witdh: 800px;margin:0 auto;,它实际上是居中了,只是 ....

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

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

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

最新回答 / qq_再往前走几步_03281144
前面学的不扎实啊,间隙的参考元素是本身元素的前辈元素

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

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

最新回答 / 别惹IT男
article{    float: right;    margin-top: 58px;margin-right: 17px;    width: 72.7083333%;    background-color: #ff2f4f;}这里

最赞回答 / qq_红色羽毛_03923633
因为中间的宽度根据内容决定,如果总宽度超出一定范围不会浮动会撑下来

已采纳回答 / tyc2003
高度随便确定,不影响。正式做是不用确定高度的,高度是要随内容变化的。
课程须知
1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验
老师告诉你能学到什么?
1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消