Откуда берется исходные 100%?

Question

[Максим Иванов]

допустим какой-то элемент имеет
width: 50%;

откуда элемент берет базовые 100% ? от экрана браузера или размера родителя?

Answer 1

[gl_evhen]

От родителя, если у него задана ширина

Answer 2

[President42]

От родителя. Чтобы задать проценты от размера экрана (точнее, вьюпорта) используйте vw и vh (проценты от ширины и высоты вьюпорта соответственно)