幅と高さが自動に設定されています。各行はdiv
、内部はdiv
各列のです。そして<p>
、テキストがあるべき列div内にタグがあります。関連するCSSは非常に基本的で、いくつかのパディングと設定された幅/高さ...そして左にフロートします。
私が欠けているものはありますか?
これは、実際にはコードで予想される動作です。「セル」にはスペースを含まない単一の「単語」があります。そのため、ブラウザはどこをラップするかを認識せず、ボックスを自動的に拡張します。word-wrap: break-word
CSSルールを.orderHistoryTable
セレクターに追加する必要があります(またはorderHistoryTable div.row1
、このセルでのみこの動作が必要な場合はに)
CSSoverflow
プロパティを設定してみましたか?
私はClearfixメソッドで生きて呼吸しています。これにより、div を使用したレイアウトの問題の多くが解決されます。あなたが抱えているこの問題を解決するかもしれませんし、しないかもしれませんが、全体的には div の重いレイアウトを行うときに使用するのに最適です. Perishable Press の Jeff Starr の方法を使用します: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/