В этом примере у меня есть содержимое из двух столбцов. Левый столбец имеет фиксированную ширину, а правый - динамическую ширину, в зависимости от родителя. min-height
- 300 пикселей, и я хочу, чтобы оба столбца выровнялись внизу, когда у одного из них было более высокое содержимое. Это я сделал со столами.
Проблема в том, что я не могу .dw-bottom-fixed
элементы .dw-bottom-fixed
снизу, пока они остаются в потоке (так что это не работает), так что более высокий контент толкает контент вниз, а если контент слишком короткий, он должен оставаться на дно. И это с обеих сторон.
Содержание Footer также динамической высоты, так что я не могу сделать что - то вроде этого либо.
И я НЕ ДОЛЖЕН делать это с помощью javascript.
Есть догадки?
Заранее спасибо.
Мне действительно нужно было бы решение, где я мог бы вытащить элемент с классом css, но мое решение заключалось в том, чтобы элементы были внизу на другом display: table-row
.
См. Здесь.