学习者问题：当窗口尺寸减小时，如何使用CSS使按钮停留在容器中。 SPFX Webparts

Question

在创建的Webpart底部有一些上一个/下一个按钮时，我很难找到一个小问题的解决方案。这些按钮使用Absolute，这是一种相对（双关）的简单方法，可将它们放置在页面上我想要的位置。

我之所以使用Absolute，是因为它防止这些按钮上下跳动，并紧贴每页最后一个字段的底部。

使用Absolute的问题是，如果将Web部件添加到大小不同的SP Web部件部分中，则按钮的位置将错误。

我需要一些相对的东西，但是不知道相对于我的容器应该把它们放在哪里。我尝试将按钮CSS添加到容器中，但这没什么区别。

我正在使用MS Fabric UI元素，并且正在使用容器来保存Web部件的某些方面。 我需要知道这两个按钮的放置位置以及CSS语法。

这是我的CSS（包含容器和按钮，nextbutton和previousbutton）。

.dataForm {
  .container {
    max-width: 100%;
    margin: 0px auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    height: 1200px;
  } 

}

//End of dataForm (container?)
}

.nextButton {
  display: flex;
  position: absolute;  
  left: 650px; //decrease to go left
  bottom: 25px; //decrease to go up
}

.previousButton {
  display: flex;
  position: absolute;  
  left: 10px; 
  bottom: 25px;
}