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

为什么换成float:right不可以?

#mainbody{ margin-top:15px;}


把right里面换成float:right,然后margin-top换成0px,为什么没有到顶部呢???

#right{float:right;margin-left:792px;margin-top:0px;border:1px solid #999;}

正在回答

3 回答

原因是#right里的p标签宽度没改变,会超过#main body剩下的宽度,所以被挤到了下一行,可以给p设置宽度就行了,另外margin-left就应该是17px了,792px是题目要求定位才计算出的,float不用。

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

1. #left没有使用定位, 而#mid用了绝对定位,#right自然排列就是在第二行;

2. float浮动只能设置left或者right, 也就是说right只能在本行内左右浮动,所以需要将#left也设置一个float:left

3. 另外,你的width设置错了。。。

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

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

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

#right{float:right; width:180px; border:1px solid #999;}

有什么错误请路过的大神指一下,一起学习(≧∇≦)ノ


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

margin-top设置的是这个ID="right"的外边距,不是绝对定位,

这里使用绝对定位可以快速设置;

在mainbody里面设置position:relative;

在right里面设置position:absolute;  left:790px;    top:0;

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

举报

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

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

进入课程

为什么换成float:right不可以?

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