html - フロートはレスポンシブ div 要素に最小幅を強制しますか?

Question

こんにちは、次の CSS を含む div があります

{background: purple; max-width: 800px; min-width: 300px; height: 200px; float: left;}

残念ながら、最小幅に強制されています（フロートを削除しても問題ありません）。

これはフロートが行うことですか、それともどこかでエラーを起こしましたか?

JSFiddle:

http://jsfiddle.net/bhY3H/

Answer 1

これは予期される動作です。
Adivはブロック要素で、幅は 100% です (CSS ルールが適用されていない場合)。
ただし、 divをフロートすると、元のフローが変更され、ブロックのように動作しなくなり、コンテンツに基づいて必要なだけの幅 (または min-width/max-width で指定された幅) が必要になります。

だから、いいえ、あなたは何も悪いことをしていません。

編集:あなたが達成しようとしていることを正しく理解していればwidth:100%、div スタイルに追加するとどうなりますか?

http://jsfiddle.net/gPTrT/1/