У меня есть div на моей странице. Я установил его ширину на 500px. но иногда его содержимое занимает больше 500 пикселей. поэтому я установил для свойства min-width значение 500 пикселей. он ожидает, что по умолчанию он занимает 500 пикселей и занимает больше времени в зависимости от его содержимого. но по умолчанию он занимает всю ширину страницы.
Но если я заменю Div на Table, все будет работать правильно. Кто-нибудь знает причину?
Посмотрите демо.
Демо.
Вы должны установить в css как
min-width: 200px;
width: auto;
float: left;
Обычный блок и такие вещи, как таблицы, плавающие элементы, встроенные блоки и т. д., используют разные алгоритмы вычисления ширины. Для обычного блока ширина обычно равна доступной ширине контейнера, а min-width учитывается только в том случае, если контейнер уже его. Для последних вещей алгоритм ширины shrink-to -соответствует.
Но есть несколько способов заставить обычный div вести себя как таблица.
