CSS устанавливает ширину в ширину parentNode

Question

Есть ли в CSS способ установить ширину любого элемента равной ширине его parentNode? Я пытался «унаследовать» - звучит логика - но это не сработало.

Заранее спасибо.

Answer 1

width: 100%;

Это означает 100% ширины родительского элемента.

Обратите внимание, что он может не работать, если элемент имеет свойство display, установленное на нечто отличное от "block", и в некоторых других случаях.

Если вы попробуете это на 2-х вложенных div, это сработает.

Answer 2

В зависимости от того, что это за элемент, установка свойства CSS display: block обычно заставляет его автоматически заполнять всю возможную ширину, то есть растягиваться до максимума, без переполнения при заполнении или границах.