При добавлении div
s к a div
с фиксированной высотой дочерние div будут отображаться сверху вниз, придерживаясь верхней границы.
┌─────────────────────────┐
│ Child Div 1 │
│ Child Div 2 │
│ │
│ │
│ │
└─────────────────────────┘
Теперь я пытаюсь отобразить их снизу вверх вот так (придерживаясь нижней границы):
┌─────────────────────────┐
│ │
│ │
│ │
│ Child Div 1 │
│ Child Div 2 │
└─────────────────────────┘
┌─────────────────────────┐
│ │
│ │
│ Child Div 1 │
│ Child Div 2 │
│ Child Div 3 │
└─────────────────────────┘
┌───────────────────────┬─┐
│ Child Div 2 │▲│
│ Child Div 3 │ │
│ Child Div 4 │ │
│ Child Div 5 │█│
│ Child Div 6 │▼│
└───────────────────────┴─┘
И так далее ... Надеюсь, вы понимаете, о чем я.
Это просто можно сделать с помощью CSS (что-то вроде vertical-align: bottom
)? Или надо что-то взламывать вместе с JavaScript?
overflow-y:auto
для контейнера