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

有疑惑,求详细的专业回答

*{margin:0; padding:0;}

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

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

#left{float:left;width:110px; }

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

#right{position:absolute;left:790px;border:1px solid #999;}

</style>

</head>

  1. #mid为什么使用margin-left:13px;不行必须用position属性。是因为#left没有写border?

  2. #right的left为什么是790px不是792px?设盒子A与B的间距为C px,是b的内容+padding+border+margin?margin是C?还是C-A的border?这就是我质疑为什么是790px不是792px ,要消除这2px只能是不算border

正在回答

3 回答

如果不喜欢使用position,建议使用float

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

margin是针对边框和外边界的

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

姚弘杰

你必须把left和right分设在两个块元素中才能使用margin属性。
2016-04-24 回复 有任何疑惑可以回复我~
  1. 不关#left有没有写border,用margin-left是基准于html的,而不是基准于#left

  2. 边框的像素好像是不计算入内的

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

MADAOOlympus 提问者

margin不是针对于相邻的盒子模型吗?为什么是基准与html
2016-04-23 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

有疑惑,求详细的专业回答

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