2011-07-31 18 views
8

右に浮動するコメントの本文を展開すると、コンテナはそれと共に展開されません。これをどうすれば解決できますか?CSS:float:rightはコンテナを展開しません

ベター説明:それはフロートを含めることができるようにhttp://jsfiddle.net/5fmpp/

+0

親コンテナは、追加のCSSプロパティなし浮かべ要素を含むように拡張することはありませんコメントボックスの終わりにフロートをクリアする必要があります。 – Rob

答えて

22

がコンテナにoverflow: hiddenを追加します。

.comment 
{ 
    width: 960px; 
    margin: auto; 
    margin-top: 24px; 
    font-size: 14px; 
    background-color: #777777; 
    overflow: hidden; 
} 
+0

ありがとうございます。うまくいった! – sed

+1

...私はそれを避けるために何年もの間テーブルを使用していました:( – Peter

+0

なぜ、この仕事はどうしてですか? – seebiscuit

1

チェックアウトthis

あなたは

+1

スタイル= "clear:both;"の代わりにclear = "both"? – MazeChaZer

+0

どちらも同じことをしており、両方とも正しい。 –

+1

clear属性をHTML属性として使用することは推奨されておらず、何年もの間使われてきました。@MazeChaZerが提案した解決法を代わりに使用します(clear属性参照[here](http://www.sitepoint.com/web-foundations/clear -html-attribute /) –

関連する問題