Что представляют собой основные отличия в использовании этих правил css?Элемент Css Максимальный размер
div {width: 100px; переполнение: скрытый;}
И
ДИВ {макс-ширина: 100px; переполнение: hidden! important;}
Будут какие-либо проблемы с совместимостью.
max-width отлично подходит для указания «не стоит больше, но это нормально, если оно меньше».
Это может быть здорово, если вы делаете говорить пузырь речи, который может быть динамическим по размеру (в зависимости от контента), и вы хотели, чтобы div, окружающий пузырь речи, изменился.
width с другой стороны говорит «сусло быть 100px», что означает, что даже если содержание в пределах DIV меньше, окружающая ДИВ еще будет 100px.
Пример: http://cdn.gottabemobile.com/wp-content/uploads/2013/10/photo1.png
max-width: 100px не отличается от width: 100px, если у вас нет width. И флаг !important только предотвращает переопределение свойства, поэтому это зависит от контекста, если это имеет значение.
макс-ширина: 100px является переменной шириной до 100 пикселей, это может быть 20px или где-то 80px но остановить приращение на 100px, а ширина: 100px является фиксированной шириной. Так что есть разница. – Simlofi
Да, это правда. Я не сказал, что это было безоговорочно. Тем не менее спасибо за разъяснение. –
Но есть тенденция «если вы говорите, что это должно быть 100px», а содержимое внутри элемента больше, это может вызвать переполнение. – Simlofi
Я хочу узнать больше о проблемах с перекрестной совместимостью – Simlofi
Если ваши пользователи не используют IE6, вы должны быть в порядке, поскольку оба свойства CSS2 - я не сталкивался с какими-либо проблемами раньше. http://www.w3schools.com/cssref/pr_dim_max-width.asp – doublesidedstickytape