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

Question

[Даниил Сухих]

Есть блок в котором есть две кнопки которые обёрнуты в div у которого:

display: flex;
justify-content: center;

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

<div class="sale_item">
			<div class="sale_opt">
				<a class="sale_boy" href="#">Купить</a>
				<a class="sale_basket" href="#">В корзину</a>
			</div>
		</div>

.sale_item {
	width: 300px;
	display: none;
	height: 430px;
	background: #fff;
	border: 1px #c6c6c6 solid;
	border-bottom: #c6c6c6 3px solid;
	border-radius: 2px;
	margin: 10px 0 0 0;
}
.sale_boy {
	text-decoration: none;
	color: black;
	border: #e5e5e5 1px solid;
	padding: 5px 15px;
	border-radius: 5px;
	transition: all .2s;
}

.sale_boy:hover {
	background: #b163ff;
	color: #fff;
	transition: all .2s;
}

.sale_basket {
	text-decoration: none;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
	background: #b163ff;
	margin: 0 0 0 15px;
	transition: box-shadow .2s;
}

.sale_basket_buy {
	background: none;
	color: black;
	border: #e5e5e5 1px solid;
}

.sale_basket_buy > img {
	width: 22px;
	vertical-align: -5px;
}


.sale_basket:hover {
	box-shadow: 0px 2px 0px #9932ff;
	transition: box-shadow .2s;
}

.sale_basket_buy:hover {
	box-shadow: none;
}

.sale_opt {
	display: flex;
	justify-content: center;
}

Answer 1

[aloky]

.sale_opt {
  height: 100%; // вы это не задали просто)
  display: flex;
  justify-content: center;
}

https://codepen.io/aloky/pen/QBNoNr?editors=1100

Comments

[Даниил Сухих]

а что делать если выше этого элемента должны быть ещё элементы??
При добавлении их кнопки улетают за блок

[aloky]

Даниил Сухих, https://codepen.io/aloky/pen/QBNoNr идеальный вариант такой

[aloky]

Я создал .sale_body который будет занимать все остальное место для картинки и тд

[Даниил Сухих]

aloky, вы меня спасли