2012-05-03 13 views
0

左に浮動小数点型のDIVがあり、そのdiv内に50%の幅があります。フィールドセットには別のdiv(DataGrid)があります。 この問題は、DataGridが展開されたときに発生します。 親DIVはフィールドセットとともに展開されません。ここでFieldsetは親divを浮動小数点に展開しません

は例です:あなたが長い単語が壊れ、あなたがそうのようbreak-wordword-wrapプロパティセットを使用して次の行に続く持っている必要がある場合はhttp://jsfiddle.net/BzUKz/1/

はあなたに

+1

あなたの質問は明確ではありません、あなたは何について話していますか?クラス 'container'のdivですか? –

+0

私はクラス "grid-6"でdivについて話しています。 tks –

答えて

0

に感謝:http://jsfiddle.net/skip405/BzUKz/10/

Ps同時にdisplay: inline-blockfloatを書き込まないでください。浮動小数点は自動的にブロックレベルになります。あなたはdisplay: inline-block削除した場合 - 何も変わらないだろう:)

+0

例はトロールに過ぎず、答えは問題を解決するためのものではありません。 – DangerMonkey

+0

@DangerMonkey:固定 – BoltClock

+0

という言葉は、固定サイズのデータ​​グリッドを表しています(ワードラップは問題ではありません)。 'display:inline-block'はブラウザ間でのサポートのためのものです –

0

http://jsfiddle.net/BzUKz/12/ ちょうどcontainerからdisplay: table;を削除ご覧ください。

display: table;を保存する場合は、このように幅を定義する必要があります。

.container { 
    display:table; 
    margin: auto; 
    width:80%; 
} 
+0

'display:table;'は内部コンテンツに関連してdivを展開します –

+0

@AndréMoraes:実際に私はあなたの要件をはっきりと理解できません。しかし、私はまだ試しています。更新された回答をご覧ください。 – jams

関連する問題