レイアウト

IEで長い半角文字列の文章を折り返したい場合、
「word-break:break-all」
を指定して折り返すようにしますが、
Firefoxの場合は対応していなかったので、
JSを使ったりという対応をしていました。

ですが以下のコードで、
Firefoxで長い半角文字列が折り返されない（改行されない）現象を
回避することができます。

word-wrap: break-word;

CSS 2.1 で定義されている display プロパティの値の一つ

この指定をすることでfloat:left等で指定した横並びのボックスの行の高さを、
一番高さが高いボックスの高さに揃えることができます。

FirefoxやSafariで、
『親要素に背景画像や背景色を指定して子要素でfloatが行われている場合
親要素の背景画像や背景色はfloatが行われない子要素までにしか反映されない』
という挙動の回避法です。