Question

目前，我有一些缩略图，可以在悬停时显示有关它们的信息。信息包含在figcaption中，然后由标题div，maincaption p和footer p组成。

由于每个主要内容p部分的大小不同，我想知道是否可以将所有缩略图中的页脚p保持在figcaption的底部，以确保它们看起来彼此均匀。

目前，我有每个页脚div的多个id，因为maincontent p有多种尺寸，所以我们手动将它们全部排列。

任何帮助都会得到满足！

一个figcaption部分示例：

<figcaption class="caption">
<div class="captiontitle">Tracking Reel</div>
<p class="maincaption">Demonstrates different uses of image/motion tracking, including wire removal image replacement and rotoscoping. Attention to detail is key in this technique, a good eye essential.</p>
<p class="captionFooter">Adobe After Effects and Mocha were used.</p>
</figcaption>

一个div CSS示例：

.captionFooter
{
padding-top: 25px;
font-size: 16px;
}

我的理解是，我希望能够将一种风格应用于.captionFooter，这种风格将适用于所有的节目并保持在底部，而不是推动.maincaption来保持它内联。

Answer 1

如果你想在div2的底部保留div，请执行以下操作：

div{
  position: relative;
}

div2{
  position: absolute;
  bottom: 0;
}

这是工作小提琴：http://jsfiddle.net/KFuuL/1/

如何保持总是在另一个div的底部保持div

1 个答案: