Дочерний элемент наследует процент вместо вычисленной стоимости ⇐ CSS

[Anonymous]

Я озадачен следующим: < /p>

Код: Выделить всё

body {
width: 1000px;
}
article {
padding: 10%;
}
section {
padding: inherit;
}





Hello world



const section = document.querySelector("section");
const style = getComputedStyle(section);
console.log(style.paddingTop);

Статья element's Padding значение составляет 100px (

Код: Выделить всё

10% * 1000px

). Предполагается, что элемент раздела наследует это вычисленное значение, но вместо этого все браузеры показывают значения этого элемента как 80px . Поскольку ширина содержимого элемента статьи составляет 800px , может показаться, что раздел наследует 10% * 800px = 80px . Кто -нибудь может сказать мне, что здесь происходит?

Подробнее здесь: https://stackoverflow.com/questions/796 ... uted-value