@BMinhoj

Как сделать так чтобы button находился в конце блока?

Здравствуйте. У меня есть несколько блоков. С помощью JS я делаю высоту блоков одинаковыми. Я хочу чтобы кнопка ГОЛОСОВАТЬ находилась в конце блока. Как мне это сделать. Заранее спасибо))
610a2c3166136888866708.png

<div class="row" >
	
	<div class="col-xs-6 col-sm-2 col-md-2 center">
		<div class="thumbnail search-thumbnail eq1">
			<img src="<?= base_url()?>assets/images/gallery/<?= $value['first_photo'] ?>" >

			<div class="caption">
				<div class="clearfix">
					<span class="pull-right label label-grey info-label"> Голосов: <?= $value['first_sum'] ?></span>
				</div>

				<h3 class="search-title">
					<span class="blue"><?= $value['first_name'] ?></span>
				</h3>
				
			</div>
			<div class="center" >
				<a href="<?= base_url() ?>index.php/battle/index/<?= $value['id']?>">
				<button class="btn btn-primary">
					Голосовать
				</button>
				</a>
			</div>
		</div>
	</div>

	
	<div class="col-xs-6 col-sm-2 col-md-2 center">
		<div class="thumbnail search-thumbnail eq1">
			<img  src="<?= base_url()?>assets/images/gallery/<?= $value['second_photo'] ?>" >

			<div class="caption">
				<div class="clearfix">
					<span class="pull-right label label-grey info-label"> Голосов: <?= $value['second_sum'] ?></span>
				</div>

				<h3 class="search-title">
					<span class="blue"><?= $value['second_name'] ?></span>
				</h3>
			</div>
			<div class="center">
				<a href="<?= base_url() ?>index.php/battle/index/<?= $value['id']?>">
				<button class="btn btn-primary">
					Голосовать
				</button>
				</a>
			</div>
		</div>
	</div>
	

	
</div>

<script type="text/javascript">
	function setEqualHeight(columns)
	{
		var tallestcolumn = 0;
		columns.each(function(){
			currentHeight = $(this).height();
			if(currentHeight > tallestcolumn){
				tallestcolumn = currentHeight;
			}
		});
		columns.height(tallestcolumn);
	}
	$(document).ready(function() {
		setEqualHeight($(".eq1"));
	});
</script>
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
RadCor
@RadCor
Если мой ответ вам помог, отмечайте его решением.
1. Родительскому блоку с обводкой делаем position: relative.
2. Кнопке делаем position: absolute и bottom: 0
3. И в родителе делаем нижний отступ под кнопку, что бы если контента будет много он не залазил под кнопку.

Вот пример для наглядности

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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