Question

div+css浮动元素后 字体溢出

<div class="b" style="width:1000px;height:800px;margin:0 auto;">
<div class="b1" style="width:350px;height:800px;float:left;background:#ff00ff;">左</div>
<div class="b2" style="width:350px;height:800px;float:left;background:#0f0;">中间</div>
<div class="b3" style="width:300px;height:800px;float:left;background:#ff00ff;">
<div style="clear:both;"></div>
<span style="display:inline;">右边 11111111111111111111111111111111111111111111111111111111</span>
</div>
</div>

Answer 1

这与浮动无关，而是连续的 数字 或 英文字符 将容器撑大，不会正常换行所致，你可加上这样的css代码让其强制换行，如下：
<span style="display:inline; word-break:break-all;">右边 11111111111111111111111111111111111111111111111111111111</span>

Answer 2

字体溢出是你打了一连串的数字 中间没有空格
打英文也会这个效果（当然，英文单词没这么长...）

要不你就加个自动换行属性...

Answer 3

div{ word-wrap: break-word; word-break: normal;} 自动换行。

Answer 4

设定一下宽度，在加一个超出隐藏overflow:hidden;

Answer 5

连续的数字和字母是不会换行的，你写汉字就好了