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

浮动影响的出现

*{margin:0; padding:0;}
#wrap{width:970px; margin:0px auto;padding:0px;}
#mainbody{【任务3】 margin-top:15px;}
#left{float:left;width:110px;}
#mid{width:650px;border:1px solid #999;}
#right{【任务3】border:1px solid #999;}
</style>

这段代码中mid中原有【任务2】字样,此时left浮动,mid跟进。删除字样后,mid还是在下方不上来,为什么?

正在回答

3 回答

http://img1.sycdn.imooc.com//575ae6950001af1511510647.jpg(^_^)

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

门外小白3342804 提问者

left脱离文档流后,mid里面的文字应该贴在left右边显示,为什么会显示在下面
2016-06-11 回复 有任何疑惑可以回复我~

left在左浮动之后已经脱离了标准文档流,mid实际上已经处于left“下面了”,只不过其内容处于left下面。浏览器控制台中可以查看到。http://img1.sycdn.imooc.com//575ae6260001e6a513660768.jpg

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

#mid中没设置浮动,自动另起一行

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

Up帝3388559

元素设置float后会对紧邻其后的元素产生影响的啊,应该是会跟上了的把
2016-06-05 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

浮动影响的出现

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