У меня проблема с внешним расширением div, не расширяющимся, когда внутренний div расположен абсолютным (внутри div, который имеет относительное положение).Развернуть внешний div, когда внутренняя позиция имеет абсолютный
Я пробовал различные варианты очистки: both/overflow: xxx/и height: auto. Это кажется мне очень простым, но это как-то не работает, как я ожидаю. Я разделся его к этому:
<div class="jumbotron">
<div class=" infobox">
Test
</div>
</div>
И это CSS сниппет:
.jumbotron{
background-color: #000;
position: relative;
min-height: 300px;
}
.jumbotron .infobox{
background-color: #dddddd;
position: absolute;
bottom: 10px;
width: 500px;
height: 900px;
}
То, что я хочу достичь, это иметь внутренний ДИВ «расти» вверх от нижней части наружной ДИВ и сделать внешняя расширяется соответственно.
Любая помощь приветствуется!
Thanks, Dario
Это не представляется возможным. Абсолютно позиционированные элементы удаляются из нормального потока документов, и контейнер не имеет представления о том, насколько они высоки или широки. –
Единственный способ - добавить несколько js. –