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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
老师的是根据使用经验 话是错的 但是主要表达的是 浮动后 仍会对相邻元素产生影响 老师的例子不是特别明显 建议两个容器的高度设置为不同 当盒子1 左浮动时 脱离文档流 盒子2挤上去 宽度依旧是整行 高度不同时很明显 但是盒子2的内容 却受到盒子一的影响 听别人千言万语 还不如自己动手试一试 今天学的太认真 忘记去抢腾讯云了 只能明天再抢了
为啥最近老是看到小黄车的新闻
开启2X 速通模式 要复习的东西有好多啊 昨天下了个 vscode(微软轻量的开发工具) 从文本编辑器的角度看 用起来蛮爽的 插件也挺多的 提示还算可以 猿们可以下载个玩玩
嗯 这个问题问的非常好 我一口;老血(咖啡)喷出来。。。
CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。
#wrap{width:970px;margin:0 auto; }
#mainbody{width:100%;position:relative; margin-top:15px;}
#left{float:left;width:110px;}
#mid{margin-left:123px; width:650px;border:1px solid #999;}
#right{position:absolute;width:200px;margin-left:790px;top:0px;border:1px solid #999;}
这个真的说的挺好的。学习前端知识和在学校学习计算机最大的不同就是难以系统学习,前端的东西琐碎,分为三个部分又互相联系,初学者学完三剑客仍然懵懵懂懂得不会开发网页的,我想大有人在。W3school的教程我觉得应该作参考书来用,在这个基础上辅以大量的应用课程,自己再动手实践,效果应该挺好的。
为什么答案是C?fixed定位不是绝对定位的子类吗?布局不应该是flow,float,layer三种吗?
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
”当存在祖先元素的时候,以最近的定位祖先元素为参照基准“,这句话没错吗,不是以最外层的为基准吗
#mainbody { background:#FC0;
width:100%;
overflow:hidden;
color:#fff;
text-align:center;
line-height:300px;
}
.left {
width:800px;
height:200px;
background:#000;
float:left;
line-height:200px;}
.right {
width:140px;
height:500px;
background:#690;
float:right;
line-height:500px;
}
我觉得这个可以用table来实现吧
元素A浮动,是相当于其在原文档流中的位置浮起来,元素A后面的元素上移,与元素A前面的元素组成新的文档流。

纠正:4:55秒,box1左浮动,box2不浮动,此时box2是独占一行的,视频中只是因为box1和box2高度一样,所以看不出来。同学们一定要自己动手多试验。

5:40秒,谈下自己试验的结果。如果BOX1的高度比较大,最后一段文字会从BOX1的右边框位置开始,如果最后一段<p>元素有底色的话,可以看出来,BOX1是浮在<p>元素上面的。所以我认为,应该是不影响文档流元素的排序,会影响到元素内容的展示。
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消