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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
说发音不标准的麻烦滚出去。
#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;position:absolute;}
#left{float:left;margin-right:13px;width:110px; border:1px solid #999;}
#mid{float:left;width:650px;border:1px solid #999;}
#right{float:right;width:177px;position:absolute;left:794px;border:1px solid #999;}
perfect!!
讲的非常好
感觉声音沙沙的是不是感冒了,注意身体啊
当块元素上有 “overflow:hidden” 时,会创建 Block Formatting context,这时,元素在计算其高度时,浮动的子元素会被计算在内。从而间接给了父级元素高度。
把#footer清除浮动影响效果是一样的
- -说实话你讲的真的不行。。
1.25X倍速度听,这个老师还是讲得很细致的,就是语音慢了点!
建议修改一下,元素浮动后脱离文档流

已采纳回答 / 慕慕6062283
你所理解的只有一个小错误,只需要加一次2px边框就行了,因为left没有border,只有mid有border。所以正确的列式应该是:#right的left值=110(left的width)+13(mid与left间距)+2(mid的border)+650(mid的width)+17(mid与right间距)         
好好上课,设问句没有学过吗?我真替你们语文老师担忧!
免费的可以了老铁们
不否认老师的付出,但是还是没有讲清楚。
元素设置了浮动之后的特点
1.脱离标准文档流。
2.行内元素可设置宽高,块状元素不再占一行。(脱离了标准文档流,所以不用遵守这些)
3.文本内容不会被覆盖!!!这一点记住就行了
4.因为脱离了标准文档流,所以此时当父元素没有设置高度的时候,父元素高度就为0了(因为父元素里没有其他元素了,因为我们已经将父元素里的元素设置了浮动脱离了标准文档流)
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消