jack_azizov
@jack_azizov

Как прижать блок price c элементами в самый низ?

Часто нужно верстать блоки с ценой,где цена находится внизу. И вне зависимости от кол-ва текста в описании,цена должна быть внизу. Пожалуйста скажите как это можно сделать кроме Flex box'ов .

Вот пример кода здесь как видно позиционирование блока price зависит от кол-ва текста, что расположены выше.
  • Вопрос задан
  • 124 просмотра
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Tantalid
Front-end developer
1. Самый древний способ это таблица. Описания в 1 tr.
2. display: table-cell; на блоки описания, но они все должны быть в одном родителе, что задает строку row (в принципе мало чем отличается от table подхода)
3. Можно использовать CSS Grid Layout (поддержка браузерами еще не очень caniuse.com/#feat=css-grid )
4. Ставить высоты при помощи js (не хороший сособ)
5. Flex-box - самый нормальный

Есть еще варианты htmlbook.ru/blog/4-metoda-sozdaniya-kolonok-odinak...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы