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

网页布局基础

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

最新回答 / 慕粉4437775
<!doctype html><html><head><meta charset="utf-8"><title>腾讯软件中心</title><style type="text/css">*{margin:0;padding:0;}#wrap{background:#F7FB80;margin:0 auto;width:960px;}#header{background:#B42426;width:100%;}#mainbo...
#wrap{width:970px; 【任务1】margin:0 auto;}
#mainbody{【任务3】 margin-top:15px;position:relative;}
#left{【任务2】width:110px;float:left; }
#mid{【任务2】width:650px;border:1px;solid #999;float:left;margin-left:13px;}
#right{【任务3】border:1px solid #999;position:absolute;margin-left:788px;overflow:hidden;}
2-3编程练习的 代码和最终效果图不匹配啊~!!

已采纳回答 / weibo_考早营_03695159
margin-left表示的是到左边盒子的距离,编程练习里边它是有父元素相对定位的绝对定位,是已父元素为基准进行偏移,要与左边盒子有20px的间距,margin-left必须设为sidebar的宽度+20px

最新回答 / 慕粉3387265
因为#content使用的绝对定位,参考对象是#wrap,而不是#siderbar,而且#content不占位,而且此处自我感觉用left比margin-left更好

最赞回答 / 慕粉3578908
margin是相对于页面的外边距,因为sider已经宽度是180了,要跟sider相差20px需要指定左边的margin也就是左边距就是margin-left:200px
我搜了一下这个畿米,网上大多称呼为几米,是英文名Jimmy的直译。
盒子模型的五层立体图第一层到第五层:1:border 2:content+padding 3:background-image 4:background-color 5:margin

最赞回答 / 慕粉15812805124
我觉得要了解各个浏览器的内核比较好,毕竟HTML和css代码是靠浏览器的内核来解析。一些常见的兼容性问题楼上也举例了。
我把视频的语速调快了以后,觉得老师讲的特别好啊~赞~
盒子模型的五层立体图为:1:border
2:content+padding
3:background-image
4:background-color
5:margin
老师的英文单词实在不习惯
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消