Есть ли простой способ заставить элемент заполнить ширину своего родителя, когда родитель переполнен? ⇐ Html

[Anonymous]

Существует контейнерный див, который переполнен (прокрутка) горизонтально на основе динамического содержания. Я хочу положить внутри него, который заполняет всю ширину контейнера. Использование ширины свойства CSS: 100%< /code> здесь не работает, потому что оно не учитывает переполнение. PrettyPrint-Override ">.overflowing-container {
overflow-x: auto
}

.unknown-width {
width: 130%; /* this is unknown, determined by content */
background-color: yellow;
padding: 20px;
}

.too-narrow {
width: 100%;
background-color: lightblue;
padding: 20px;
}< /code>


This div is of unknown width. It makes the parent overflow.

This div should fill its overflowing parent, but "width: 100%" is only the viewport width in this context. When you scroll to the right, this stops.

< /code>
< /div>
< /div>
< /p>
Есть ли решение с использованием только CSS? Или мне нужно использовать JavaScript, чтобы запросить родительскую ширину?


Подробнее здесь: https://stackoverflow.com/questions/795 ... the-parent