свойство min-width не работает в Div, но работает с тегом Table

Вопрос: У меня есть div на моей странице. Я установил его шириной до 500 пикселей. но иногда это содержимое получает пространство более 500 пикселей. поэтому я установил свойство min-width равным 500px. он ожидает, что по умолчанию занимает 500 пикселей и занимает больше времени. но по умолчанию используется ширина страницы. но если я заменю Div на

Вопрос:

У меня есть div на моей странице. Я установил его шириной до 500 пикселей. но иногда это содержимое получает пространство более 500 пикселей. поэтому я установил свойство min-width равным 500px. он ожидает, что по умолчанию занимает 500 пикселей и занимает больше времени. но по умолчанию используется ширина страницы.

но если я заменю Div на таблицу, он будет работать правильно. кто-нибудь знает причину???

Лучший ответ:

См. Демонстрацию.
Demo.

Вы должны установить css как

min-width: 200px; width: auto; float: left; Ответ №1

Обычный блок и такие вещи, как таблицы, поплавки, встроенные блоки и т.д., Используют разные алгоритмы вычисления ширины. Для обычного блока ширина обычно представляет собой доступную ширину контейнера, а min-width учитывается только в том случае, если контейнер уже. Для последних, алгоритм ширины сжимается до соответствия.

Но есть несколько способов заставить нормальный div вести себя как таблица.

Оцените статью
Добавить комментарий