Как прижать кнопку к низу блока div?

Для прижатия кнопки к низу блока div вам понадобится использовать CSS-свойство "position" и несколько других свойств. Вот несколько подходов, которые вы можете использовать:

1. Используйте абсолютное позиционирование с заданными значениями "bottom" и "left" свойств для кнопки.

<div class="container">
  <button class="btn">Кнопка</button>
</div>

.container {
  position: relative;
  min-height: 300px; /* Задайте высоту контейнера, чтобы кнопка оставалась прижатой внизу */
}

.btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

В этом примере мы задаем позиционирование высоте контейнера с использованием свойства "min-height" и добавляем класс "container" к блоку div. Затем мы прижимаем кнопку внизу блока div, устанавливая свойство "position" как "absolute" и задавая свойства "bottom" и "left". Мы также используем свойство "transform" и значение "translateX(-50%)" для центрирования кнопки по горизонтали.

2. Используйте относительное позиционирование с отрицательным значением "margin-bottom" для кнопки.

<div class="container">
  <div class="content">
    Содержимое
  </div>
  <button class="btn">Кнопка</button>
</div>

.container {
  position: relative;
  min-height: 300px; /* Задайте высоту контейнера, чтобы кнопка оставалась прижатой внизу */
}

.btn {
  position: relative;
  margin-top: auto;
  margin-bottom: -40px; /* Задайте отрицательное значение для "margin-bottom", чтобы прижать кнопку внизу */
  width: 100%;
}

В этом примере мы также используем класс "container" и задаем позиционирование высоте контейнера. Затем мы добавляем класс "content" к блоку div, который может содержать другое содержимое по желанию. Затем мы прижимаем кнопку внизу блока div, используя свойства "position: relative" и "margin-top: auto". Мы также устанавливаем отрицательное значение для свойства "margin-bottom", чтобы прижать кнопку в нижней части блока.

Используйте один из этих подходов в зависимости от того, какого результата вы хотите достичь и какое поведение вам нужно для вашего блока div. Оба подхода имеют свои преимущества, и вы можете выбрать тот, который наиболее соответствует вашим потребностям и требованиям оформления.