Встречается на собеседованиях • сегодня

Как посчитать 50% от размера блока

Для вычисления 50% от размера блока можно использовать CSS-функцию calc() или просто указать процентное значение.

Пример с calc():

css

.block {
  width: calc(50% - 20px); /* 50% ширины родителя минус 20px */
}

Пример с процентным значением:

css

.block {
  width: 50%; /* 50% от ширины родительского блока */
  height: 50vh; /* 50% от высоты viewport */
}

В JavaScript:

javascript

const block = document.querySelector('.block');
const parentWidth = block.parentElement.offsetWidth;
const halfWidth = parentWidth * 0.5;
block.style.width = `${halfWidth}px`;

Выбор метода зависит от контекста: CSS проще для статичных значений, JavaScript — для динамических расчётов.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы