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

网页布局基础

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

最新回答 / 眸光丶_
因为你div不关闭  网页不知道你这个块级元素在哪关闭(你后面还会有div标签 哪些内容是哪个div里面的网页识别不出来)  而p标签网页能够识别,总之你不要管这些,都关闭是最好的,有些不关闭是没问题的有些不关闭网页会出现问题的  所以最好是关闭  省的网页出现问题之后又去查找原因。

最新回答 / qq_非洲松藻_0
是不是盒子的大小比图片的尺寸大?可以把图片尺寸设置成盒子尺寸的大小

最赞回答 / 历练后的飞翔
因为在定义父级元素为相对定位、自适应元素为绝对定位之后,自适应元素就以父级元素为参照对象,并以此定位。

最新回答 / 慕九州9573717
wrap 要嵌套在整个页面中<body>    <div id="wrap ">    <div id="header">头部</div>    <div id="mainbody">xcvxcv    <div class="left"></div>    <div class="right"></div>    </div>    <div id="footer">版权&...

最赞回答 / 布丁芒果小晨晨
刚开始我也一直为这个问题纠结,后来放慢视频才发现,初始化根本没有解决这个问题。老师只是把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没有规定宽和高 所以默认会把两个浮动也算到内容里面去 这样就等于变相的把浮动效果压下来了 所以这个页面会按照正常的流在下面显示

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

最新回答 / 夕叩
你的footer和header设置的宽度是100% 他的宽度取决于内部标签的宽度<div id="header"></div><div id="footer"></div> 而内部没有标签 所以宽度为0 因此你才会看不到结果
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消