rt如图,图上的篮球明星图片为一个高度自适应的img标签(也就是说这个图片在以后可能会改,但是宽度必须100%,所以高度就得按比例自适应了),然后我想让下面那个包含头像和文字的div.card元素能够始终固定在该图片内部距离底部200px左右的位置。
我之前尝试过使用relative定位是可以实现我的需求,但是会导致图片的父级元素(div.top)下面出现一个200px的多余部分,且在该元素使用margin-bottom: -200px以及下面的元素或者是对div.card元素本身使用margin-top: -200px都无法去除这个空白,也就是出现下图所述的情况。
现在我该怎么才能完美实现我粗体字所表达的需求?
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…