我想创建一组已在我的页面上发布的最新消息。那些盒子应该总是相同的大小(因为它们是连续的,而不是彼此相同的)并且由三部分组成:
虽然将标题始终保持在同一位置并不困难,但我真的没想到让作者在框底部始终的方法,无论上面有多少内容。
也许我觉得太复杂了。
提前感谢您的帮助!
答案 0 :(得分:3)
position: relative
,作者框上的position: absolute; bottom: 0;
。
我不会给你一个完整的解决方案,因为那不会有帮助。
答案 1 :(得分:1)
你可以使用一个包装器设置为相对于css和span位于绝对位置 HTML
<div class="wrapper">
<h3>Title</h3>
<p>Title</p>
<span class="author">Title</span>
CSS
.wrapper{position: relative; padding-bottom: 1em;}
.author{position: absolute; bottom: 0; right: 0