Arhn - архитектура программирования

Зачем использовать минимальную ширину: X и максимальную ширину: X вместо ширины: X?

Я понимаю, почему min-width и max-width полезны, но я уже несколько раз натыкался на код CSS, который выглядит следующим образом:

     #someDiv {
      min-width: 90vw !important;
      max-width: 90vw !important;
     }

и мне интересно, в чем преимущество этого подхода по сравнению с этим:

     #someDiv {
      width: 90vw !important;
     }

Насколько я могу судить, эффект тот же. Я что-то упустил здесь?

#parent {
  width: 500px;
  height: 300px;
  background: aqua;
}

#widthChild {
  height: 100px;
  background: red;
  width: 100px;
}

#minMaxChild {
  height: 100px;
  background: yellow;
  min-width: 100px;
  max-width: 100px;
}
<div id="parent">
  
  <div id="widthChild">
  width:100px
  </div>
  
  <div id="minMaxChild">
    min-width: 100px;
    max-width: 100px;
  </div>

</div>

css
05.06.2018

  • Хороший вопрос и хорошее использование фрагмента стека! ... Примечание: !important действительно предназначался для использования конечными пользователями для переопределения стилей сайта. Как автор сайта, вам это не нужно - это, по сути, костыль, чтобы преодолеть неверную специфичность и каскадность вашего селектора CSS... ваш фрагмент не использовал его, и это работает, как и ожидалось. 05.06.2018
  • @StephenP Спасибо! Я думал, что кто-нибудь поднимет этот вопрос... В качестве примечания: я изо всех сил стараюсь никогда не использовать !important, но у дамы, которая сидела на моем стуле передо мной, были другие взгляды (и ее уволили ›o‹ (реальная история) )) 05.06.2018
  • Я не понимаю, зачем кому-то определять ширину, используя max или min. Это родительско-дочерние отношения, предназначенные для управления шириной содержимого. 05.06.2018
  • Похоже на причуду для установки фиксированной ширины без явного указания свойства width. Где именно вы видели код? 05.06.2018
  • @SalmanA Ага. Мораль этой истории, кажется, в том, что это просто немного глупо. Я видел код в старой кодовой базе, наполненной глупостями... ничего особенного в случае использования, просто div внутри div 05.06.2018

Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..