Существует контейнерный див, который переполнен (прокрутка) горизонтально на основе динамического содержания. Я хочу положить внутри него, который заполняет всю ширину контейнера. Использование ширины свойства 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
