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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 慕桂英8427101
首先左右两个浮动是会踢出正常的内容流的,就相当于漂浮起来了 但是文字还是会环绕这个浮动的边框的 所以这个页脚就会上移但是overflow:hidden 就是把超出 这个mainbody当前规定范围内的元素全部裁减掉 但是mainbody没有规定宽和高 所以默认会把两个浮动也算到内容里面去 这样就等于变相的把浮动效果压下来了 所以这个页面会按照正常的流在下面显示

最新回答 / 某星座的海星
float的元素脱离了文档流,但是没有脱离文本流,字体是认同浮动元素所占据的区域的。
作者:weibo_哆啦A梦有大口袋_0链接:https://www.imooc.com/article/8915来源:慕课网第一个元素浮动之后,会让它脱离文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它下面布局。所以第二个元素作为块级元素独占了一行,在它下面布局了。而上一节课是文字,文字会认同浮动元素所占据的区域,围绕它布局,也就是没有脱离文本流。

最新回答 / 夕叩
你的footer和header设置的宽度是100% 他的宽度取决于内部标签的宽度<div id="header"></div><div id="footer"></div> 而内部没有标签 所以宽度为0 因此你才会看不到结果

最新回答 / 慕田峪6356308
我用的是sublime,简洁方便

最新回答 / 慕粉3626166
按照老师的意思来看的话,横向两列布局左边和右边的元素分别设置左浮动和右浮动是有必要的。这样设置比都设置左浮动要有意义的多。

最赞回答 / 慕圣4428291
可以啊,你在#mid里面用margin-left也行,不过相比在#left里面设置margin-left计算量复杂了一点,容易失误而已。另外#right里面的margin-left等于790px的计算为:left的宽(109px)+与Mid之间的marigin-left的距离(13px)+mid的左右border宽度(2*1px)+mid的宽(649px)+距离mid的距离(17px)=790px

最新回答 / 左右手年华
#mainbody{position:relative;margin-top:20px;}这里错了,应该这样#mainbody {     width:100%;     position:relative;     margin-top:20px;}

最新回答 / qq_谷子菜fw_0
这样写主要是为了表述更严谨些,虽然很多人都会写成margin: 0 auto;但保不齐有人会写成其他的

最新回答 / 呦呦慕粉
代码里也没有,视频讲解时说,那个图片需要设置700px才能去掉右上角那个瑕疵,但是如果设置了700px后这个模块与其他模块宽度不一样,所以为了不让我们疑惑直接去掉了图片。

+ 我来回答 回答最高可+2积分

最新回答 / 游离态L
什么时候需要清除浮动?我们对元素进行了浮动(float)时,我们的元素就会脱离文档流,像一只小船一样漂流在文档之上。在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 float主要流行与页面布局,然后没有使用后没有清除浮动,就会后患无穷。不应该对受到影响的p标签设置clear:both

最新回答 / 开黑小分队
是不是没有全屏展开。。。。。或者auto后面加分号

最赞回答 / 我不是管家
如果觉得上述同学的答案不好的话,可以尝试一下background:url('你的图片地址') no-repeat left top;background:你想要背景图片的宽 你想要背景图片的高;
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消