Я сейчас спрашиваю не о семантическом значении каждого из них. Я уже знаю то, что width четко указывает ширину. Например: 100px и не больше.
А max-width в отличие от width может принимать и другие значения, НО не может быть больше того значения, которое мы укажем.
Вопрос не в этом)
Я не понимаю вот что. Если мы записываем max-width и width в процентах, то разницы между ними я вообще не вижу. При уменьшении и увеличении окна сайта, все одно и то же.
Max-width и width имеют разницу только тогда, когда записываются через пиксели (я имею в виду не семантически, а просто по отображению на странице)?
И вообще с процентами непонятно получается. Если:
Width: 100% max-width: 600px
100% от чего? Вроде пишется, что проценты вычисляются от "родителей", если родителей нет, то от окна браузера.
Но если я, например, задаю body width.
И потом от него дочернему элементу, то высвечиваются данные только body.
Например:
HTML:
<body>
<p class="one">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia ducimus neque quas aut, similique, autem eius officiis, odio, molestiae sint excepturi numquam nesciunt soluta perferendis natus! Natus nesciunt eaque ducimus.</p>
<p class="two">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum totam distinctio illo eveniet earum, recusandae aliquam ut. Cum non vitae repellendus voluptatem dolores dolorum. Quas cupiditate harum culpa nisi rerum!</p>
</body>
CSS:
body {
width: 100px;
.one {
width: 80%;
}
В этом случае два блока текста получаются одинаковыми. Заранее спасибо за объяснение
Средний
Простой