怎么让链接在屏幕大小变化时依然保持在右侧？

为了让链接在屏幕尺寸变化时仍然保持在右侧，你可以利用CSS的媒体查询（Media Queries）来针对不同的屏幕尺寸设置响应式布局。以下是一种常见做法：

1. 继续使用上述HTML结构，并在CSS中为小屏幕设备添加样式。例如，当屏幕宽度小于某个值时（比如600px），我们可以让链接移至底部：

@media screen and (max-width: 600px) {
  .sidebar {
    position: relative; /* 确保父元素有定位 */
  }
  
  .right-link {
    float: none;
    margin-bottom: 1em; /* 添加底部间距 */
    text-align: left; /* 如果需要，将链接文字居左显示 */
  }
}

这里假设 `.sidebar` 元素原本有一个相对定位的祖先元素，如果没有，你需要为其添加`position: relative;`以便应用浮动。

2. 如果你想让链接始终占据屏幕一侧，可以考虑使用grid布局或flexbox结合媒介查询：

@media screen and (max-width: 600px) {
  .container {
    display: grid;
    grid-template-columns: 1fr auto; /* 右侧不再占固定宽度，左侧为主内容 */
  }

  .sidebar {
    grid-column: 2; /* 将侧边栏移动到第二个列 */
  }
}

这会将屏幕分为两列，左侧留出空间给主要内容，右侧则由侧边栏占据。