Поплавок с минимальной шириной на чувствительных элементах div?

Question

Здравствуйте У меня есть DIV со следующим CSS

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

К сожалению, она вынуждена мин ширине (если я удалю плавать это нормально).

Это то, что делают поплавки, или я где-то ошибся?

JSFiddle:

http://jsfiddle.net/bhY3H/

Answer 1

Это ожидаемое поведение.
A div является блочным элементом и занимает 100% ширину (если не применяется правило css).
BUT Если вы плаваете в div, вы изменяете его исходный поток, он перестает вести себя как блок, он занимает столько же ширины, сколько необходимо на основе его содержимого (или столько, сколько указано min-width/max -ширина).

Итак, нет, вы ничего не делаете неправильно.

Редактировать: Если я правильно понимаю, чего вы пытаетесь достичь, что произойдет, если вы добавите width:100% в свой стиль div?

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