float的影响

为什么这一节，中间模块如果不加float字块就到了下面

bengbengbeng

2016-07-23

源自：网页布局基础 5-1

关注问题我要回答

500

操作

收起

2 回答

TonyJano 回答被采纳 +3 积分
2016-07-23

推荐你试下把mid的宽度从650px，变成758以上就不会跳到下一行了；为什么会这样呢，首先，float会使当前的标签浮动，而mid标签被影响到所以也跳出了流，但是为什么会跳到下一行呢？因为，mid的标签宽度是650px，而left标签宽度是110px，但是mid标签里面的img标签宽度是649px，650-110<649了，放不下所以只能换行了，但是当你把mid标签宽度设置到110+649－1=758px刚好可以放到下那张图片就不会换行了，也就不需要通过float:left标签了