Я понимаю, почему 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>