是否可以在CSS中为div设置锚点？

Question

我终于得到了这个很酷的小鸟，在我的饲料中显示最新的推文。

我唯一的问题是关于实际推文的放置。由于每个推文中的字符数量不断变化，因此框会垂直展开（放大高度），有时会使图像看起来不像/破坏效果。

我仍然不擅长CSS所以我不确定我是否遗漏了一些简单的东西，但这里有两个例子来向你们说明这个概念。

21字符推文测试：

140字符推文测试：

这是我正在使用的代码（请注意，“lowerleft”div由外部CSS设置样式）：

<div id="lowerleft">
  <div id="twitterbutton" style="z-index:100;padding-left:50px;padding-top:75px">
    <div class="tri"style="width:160px;"id=”twitter_update_list”>
      <div id="twitter_div">Latest Tweet:</div>
        <br />
        This is a test. TEST.
    </div>
  </div>
</div>

如果我没有完全解释自己，请让我最后一次尝试：

  

无论如何在css中设置锚点以确保我的div不会在y轴上垂直向负方向增长，而是在正y轴方向上垂直向上扩展？

Answer 1

你可以绝对定位并给它一个bottom锚点。这样，当您向其添加内容时，它将向上展开而不是向下展开。

你如何应用绝对定位取决于你的结构，但这应该不难。