正确的程序覆盖一个小部件 - 相对＆amp;绝对？

Question

我有一个事件插件，列出了Wordpress网站上的3个事件。我希望有一个链接到页面上所有活动的图形。

我通过使用文本小部件创建带有href链接的图形来完成此操作。然后将其设置为绝对和定位。问题是当网站响应时图形移动到位。

有任何方法可以使用相对和绝对定位将小部件绑定到另一个小部件。即。因此，尽管屏幕分辨率有任何变化，它始终保持在右下角。

Answer 1

您可以在绝对定位中使用bottom和right代替top和left来完成此操作。

在下面的示例中，＆＃39; meow＆＃39;在调整大小时，span将保持固定在右下角。

＆＃13;

＆＃13;

html,
body,
div {
  height: 100%;
}
div {
  position: relative;
  border: 1px solid red;
}
span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: green;
  color: white;
  padding: 4px;
}

＆＃13;

<div>
  <span>meow</span>
</div>

＆＃13;

＆＃13;

＆＃13;