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

最后一题的答案

最后一个问题的答案是: 110(left的宽度) + 650(mid的宽度) + 13(left与mid之间的间距) + 17(right与mid之间的间距) + 2(mid的边框中左边的边框线的宽度 + 右边的边框线的宽度) = 792

正在回答

2 回答


#wrap{width:970px; margin:0 auto;}

#mainbody{width:100%; position:relative; margin-top:15px;}

#left{float:left;width:110px; margin-right:13px; }

#mid{overflow:hidden;width:650px; margin-right:17px;border:1px solid #999;}

#right{ position:absolute; top:0; right:0;border:1px solid #999; width: 177px;}

完美实现

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

qq_飞翔小子_04069684 提问者

非常感谢!
2016-11-02 回复 有任何疑惑可以回复我~
#2

慕粉4376930

怎么就完美实现了 左边部分没有边框 右边部分和中间间距是16px
2016-11-09 回复 有任何疑惑可以回复我~
#3

慕粉4376930

而且无论你的margin-right设置多少 mid和right的间距都是16px,因为绝对定位不在流中,外边距对它没用,为什么是16px,因为 970-110-13-650-2-177-2=16 要mid和right的间距是17px,一定要在绝对地位时定位在整个maindbody部分左边多少px,假如按你的左边部分没有边框,110+13+650+2+17=792 #right{ position:absolute; top:0;right:0;left:792px; border:1px solid #999; width: 177px;}
2016-11-09 回复 有任何疑惑可以回复我~

#wrap{width:970px;}

#mainbody{position:relative;margin-top:15px;}

#left{position:absolute;width:110px; }

#mid{position:absolute;margin-left:125px;width:650px;border:1px solid #999;}

#right{position:absolute;margin-left:785px;border:1px solid #999;}


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

举报

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

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

进入课程

最后一题的答案

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