Проблемы при использовании position: absolute вместе с container, позиционируется относительно container-fluid. Что с этим можно сделать?

Question

[wowastrom]

Задача простая, поместить картинку, и при наведении на неё на ней появляется текст. Проблема заключается в том, что как только я использую position: absolute для текста, то он позиционируется относительно границ container-fluid, а не container и текст вылезает за нужную мне границу,

это можно как-то исправить, или придётся всё вручную отступами делать, или есть вариант, как это делается по другому, может какие-нибудь плагины посоветуете.Спасибо за помощь.

<section class="home-news">
	<div class="container">
		<div class="row">
<div class="news-3">
		<div class="col-sm-4">
			<div class="a">
				<a href="#" class="b">
					<img src="img/homenews/6.jpg" alt="Что-то про Вавилон" class="b-img">
					<span class="c">
						<h3>Подробнее</h3>
					</span>
				</a>
				</div>
			</div>
</div>
		</div>
	</div>
</section>

.c
	position: absolute
	top: 0
	left: 0

Answer 1

[Никита Пупко]

Задай position: relative для родительского элемента

Comments

[wowastrom]

Спасибо за помощь, решение оказалось проще, чем я себе надумал )

[Виктор Янышев]

Решение было бы проще если бы сначала прочитать хоть какой то материал про используемый инструмент