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

为什么right设置top才能于wrap挨着,不设置就在下面?不是相对于main元素来说的吗?那应该不设置top就在最上面了呀

{margin:0; padding:0;}

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

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

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

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

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

</style>


正在回答

1 回答

因为你的#mid没有设置浮动,把#mid设置了浮动float:left后,#right就是在第一行的位置,自然不用设top:0px; 

另外margin-left:790px是会让你#right跟#mid差790px.

<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left; width:110px; }
#mid{float:left; margin-left:13px;  width:650px;border:1px solid #999;}
#right{position:absolute; right:0; left:790px; border:1px solid #999;}
</style>

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

举报

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

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

进入课程

为什么right设置top才能于wrap挨着,不设置就在下面?不是相对于main元素来说的吗?那应该不设置top就在最上面了呀

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