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

网页布局基础

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

最赞回答 / 布丁芒果小晨晨
刚开始我也一直为这个问题纠结,后来放慢视频才发现,初始化根本没有解决这个问题。老师只是把content的width改小了,贴近了图片的边缘。难怪视频结束发现content变短了。。。。

最新回答 / 兼容并包
position:absolute这个是绝对定位;是相对于浏览器的定位。比如:position:absolute;left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position:relative是相对定位,是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。

最新回答 / qq__8166
简单 代码优化

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

已采纳回答 / 田心枫
position:absolute这个是绝对定位,是相对于浏览器的定位。position:relative是相对定位,是相对于前面dom。

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

已采纳回答 / qq_忆那段流年_0
浮动不会使标签脱离标准文档流,但是绝对定位会让标签脱离标准文档流!

最新回答 / 夕叩
你的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
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消