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

外边距问题

右侧和中间间距17px,为什么右侧的margin-left: 790px;而不是17px?中间部分并没有设置浮动啊?

正在回答

3 回答

不管中间部分有没有脱离标准文档流,关键是#right在设置了绝对定位以后自身脱离了标准文档流,所以就以有定位的祖先元素(mainbody)的左上角为基准进行偏移,偏移量就得设置成792px了(#mid的左右边框各1px)

0 回复 有任何疑惑可以回复我~

任务2中#left和#mid都是要float:left的。不然的话#mid会出现在#left的下方。#left宽度110px,#mid宽度650px,再加上两者之间的间距13px,#right与#mid间距17px,就是790px

0 回复 有任何疑惑可以回复我~
#1

qq_空_60

mid不使用float,但是设置margin-left:123px;就可以正常显示,不会出现在left下方。是为什么
2016-04-19 回复 有任何疑惑可以回复我~
#2

小丸子3189053

还有left和mid的边框没有算 应该是110+2+13+650+2+17=794吧
2016-04-19 回复 有任何疑惑可以回复我~

任务

任务1:请在右侧编辑器中补全代码,实现页面自动居中布局,要求#wrap顶部和底部与浏览器无间距;

任务2:请在右侧编辑器中补全代码,使用浮动实现#left和#mid横向两列排版,并且两者之间有  13px间  距;

任务3:请在右侧编辑器中补全代码,使用position定位方法实现#right的自适应宽度横向排版,且它与#mid之间的间距为17px


<div id="mid"><img src="http://img1.sycdn.imooc.com//5369cd3c00013e9e06490439.jpg" width="649" height="439" /></div>

26+34+649=?


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

外边距问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信