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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
而且mainbody中的left设置了浮动之后(right没有设置浮动),mainbody的高度减少了,减少的就是left的高度。
当left和right设置成浮动之后为什么mainbody会不见了呢?因为mainbody包含着left和right,当left和right脱离了文档流之后(设置了浮动),那么mainbody就没有内容了(不就看不见了?)。其实要使mainbody看得见只要给他一个高度就看的见了,但在一个网页中,显然固定的高度是不好的,所以就用清除浮动来清除浮动给它带来的影响。这时clear:both为什么没有效果呢?因为clear:both是清除浮动的后面的元素的,所以没有效果。你可以给mainbody加个内容,此时可以看见mainbody并不是在被浮动的后面的。
老师的声音真好听
1.定义一个内部样式text=css
2.插入图片 设定上下边距 左右边距 用margin,并且设置边框(粗细 格式 颜色-不可少 空壳 )
讲了盒子3D
3.为实现包裹层 加一个模块div 设置边框的粗细 格式和颜色
4.为背景图片book加一个样式,插入book,设置no repeat 再通过样式追加的方式加到content的盒子里去。
在本例中是div class="content "变成div class="content book"
5.背景被图片覆盖了 怎么办 设置盒子的内容即content的padding。微调。
6.初始化。
刚学觉得这个幕课网太有用了大力给赞
要多看几遍
自己做出了个一模一样的界面,全程自己打,没有参考老师的代码,学习到好多,建议大家也做一做,发现问题解决问题才能更快的进步。

最新回答 / bruckner_fan
谢谢,后来的练习也发现,这句width:100%是不需要的。
弱弱的问下 firefox里面用的 工具叫啥
我直接设置div{margin:0 auto}就可以是页面居中了
很好,教的很详细
答案错了哈哈哈哈我说的呢,选b不对
CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位
听着想睡觉的那位仁兄去年7月就已经放弃学习了,谢谢呀,就是有你这样的人我们的坚持才更有效果,免费的课程还挑三拣四的,有能耐自学成才啊
讲错了,浮动脱离的文档流,只是该浮动元素的边框如果遇到父级边框或者其他边框会停止罢了!
母的啊!!!
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消