引起原因：
div部分没有在两个div后面清楚浮动，导致浮动溢出
确认方法：在包含两个div的父级处添加border来查看是否包含子级。
解决方法：
<div class="a"></div>
<div class="b"></div>
<div style="clear:both"></div>
其中<div style="clear:both"></div>是清除浮动的意思。
2.宽度或者高度被限制，查看父级的最大高度和宽度是否设置了固定高度而子级的大小超过了最大限制。
解决方法：仔细查看即可。
3.JS影响。
一些JS的确会影响到页面布局问题，但是不经常出现。
确认方法：
去除一下JS后，看看有没有效果，如果没有，说明不是JS 的问题。
这与浮动无关，而是连续的 数字 或 英文字符 将容器撑大，不会正常换行所致，你可加上这样的css代码让其强制换行，如下：<span style="display:inlineword-break:break-all">右边11111111111111111111111111111111111111111111111111111111</span>
