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

网页布局基础

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

最赞回答 / xlelou
top是用来说明content在容器体内距离mainbody顶部的位置 .margin说说明 容器体内 两个不同 块元素之间的间距.  这是我的理解 。
其实给footer添加clear:both也一样消除浮动
padding:44px 15px 15px;

border:1px solid #b1adaa;

margin:10px 18px;

padding为填充,代表内边距

margin为边界,代表外边距
这不是自适应的右边吧。970px限制
#wrap{width:970px;margin:0 auto}
#mainbody{margin-top:15px;position:relative;overflow:hidden;border:1px dashed red}
#left{float:left;width:110px}
#mid{float:left;width:650px;margin-left:13px;border:1px solid #999}
#right{position:absolute;margin-left:790px;border:1px solid #999}

最赞回答 / qq_独角戏_4
应用relative 属性后具有空间层堆叠的性质,且原来占据的空间保留,相当于原位置留空并在上面一层相对于自身偏移
当前情况下不用设置mainbody和footer的宽度,它两个div也会自动填充满吧?
这里是盒子里的内容。这段文字是我随便乱大4的,只是想让这个图层看起来好看一些。所以不要纠结这里写了些什么,没有什么实际意义的。不过话说谁会闲的没事看这种一长串的东西啊,而且我还故意把文字弄的这么虚。所以你就别使劲瞅了,这真的不是重点。不过你一定要瞅我也没意见,不过想看清楚就暂停吧。话说回来,真的点暂停的应该都是处女座吧。
我不是处女座……
播放速度调为0.75x 老师说话好嗲有木有~~~~~
没图片的应该自己动脑去找图,不做伸手党,学会了才是自己的
老师口音很可爱,我爱上了这味道~
老师声音萌萌嗒,讲的也不错,新手很受用

最赞回答 / 雅塔
你是说margin:0 auto;吗,因为100%的话就跟父容器等宽了,那居中就没有效果了呀
新手勉强听得明白 ,但是感觉得出来老是说的很明白很详细
#wrap{width:970px; margin:0 auto;}
#mainbody{width: 100%; position: relative; margin-top:15px;}
#left{float: left; width:110px; }
#mid{float:left;margin-left: 13px width:650px;border:1px solid #999;}
#right{margin-left:773px; position: absolute; border:1px solid #999;}
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消