在Wordpress中，我试图仅使用CSS改变给定主题的一些标准布局。以下标记生成一个div，其中所有子元素从顶部流出（如预期的那样）。
问题在于我有3个divs并排，并希望按钮（格式为按钮的anchor）始终位于每个{{1}的底部}
无论在锚点/按钮之前有多少行文本（＆＃34;我们的团队...更多文本＆＃34;在下面的示例中，但更多文本用于其他2个div）。 div的固定高度为300px。我希望能够只用CSS做到这一点。我已经看到一些解决方案将锚点包含在跨度或div中，但我真的不鼓励自己编辑主题代码。有没有办法让锚点位于div的底部而不管文本的数量是多少？
编辑：此div只是此给定页面上内容的一小部分。它不是唯一的标记。
div我有一个选择器：
<div class="widget-front">
<h2>The Team</h2>
<p class="fp-text-one">Our team ...more text</p>
<a class="btn btn-primary fp-button" href="http://www.mysite.com/the-team/" title="The Team">Read more ...</a>
</div>
确实正确识别按钮，但我似乎无法将锚点/按钮放在div的底部..
对于XXX，我尝试过（并且失败了）
.widget-front > a {
XXX
}
{
{1}}
position: absolute;
bottom:0 {
{1}}
position: relative
答案 0 :(得分：5)
您必须为您的主播a提供规则display: block;。每个默认情况下锚点为inline个元素。
如果您提供元素position: absolute，则可以将其从所谓的普通文档流中取出。它将从Web浏览器画布（文档区域）开始x和y位置，或者从分配了position: relative或absolute的最近父元素开始定位。