word-wrap和word-break

word-wrap : normal | break-word

normal :　 默认值。允许内容顶开指定的容器边界
break-word :　 内容将在边界内换行。如果需要，词内换行( word-break )也将发生

word-break : normal | break-all | keep-all

normal :　 默认值。允许在词间换行
break-all :　 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :　 与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

在ie浏览器中，英文单词如果过长会把div右边撑大，但firefox不会，它会自动判断，把超出的部分换到第二行，并自动断词，不会把一个单词拆开。
中文不会出现这些问题，主要是英文中会有这些bug。这时如果想浏览器兼容，你就要巧妙运用word-wrap:break-word;word-break:break-all; ,style="overflow:auto;word-wrap:break-word;"可以让ie和ff兼容，但如果你用的是style="overflow:auto;word-break:break-all;"虽然表面上看浏览器是兼容了，但word-break:break-all;ie会强行把单词也断开，这样会让句子的意思都发生变化。所以最好的办法还是用style="overflow:auto;word-wrap:break-word;"。