帮我看下 这俩可以相对定位吗

要确保按钮始终显示在富文本编辑器下方，即使富文本编辑器中的内容非常多，可以通过CSS样式来实现这一布局需求。具体做法如下：

1. 使用Flexbox或Grid布局：现代网页设计中，Flexbox（弹性盒子模型）和Grid（网格布局）是两种非常强大的布局工具，可以帮助你轻松地管理元素的位置。

   • Flexbox方法： 在包含富文本编辑器和按钮的外层容器上应用display: flex;，并使用flex-direction: column;使其内容垂直排列。然后，为按钮添加margin-top: auto;，这会自动将按钮推到容器的底部。

     .container {
     display: flex;
     flex-direction: column;
     }
     .button {
     margin-top: auto;
     }
     

   • Grid方法： 如果使用Grid布局，可以简单地定义两行，并让第二行（按钮所在行）自动占据剩余空间。

     .container {
     display: grid;
     grid-template-rows: auto 1fr;
     }
     

2. 绝对定位法：如果外层容器高度固定或者你想要更直接地控制按钮位置，可以考虑使用绝对定位。但请注意，这种方法可能需要对页面其他部分的布局进行调整以避免覆盖问题。

   .container {
    position: relative;
   }
   .button {
    position: absolute;
    bottom: 0;
    width: 100%; /* 根据需要调整宽度 */
   }
   

3. 使用position: sticky;：如果按钮需要在滚动时保持可见，可以尝试使用sticky定位，但这通常不适用于你的场景，因为你是希望按钮在内容下方而不是随滚动固定。

请根据你的具体需求和页面结构选择合适的方法，并适当调整其他CSS属性（如内外边距、宽度等）以达到最佳视觉效果。记得检查浏览器兼容性，特别是当你使用较新的布局特性时。