css - 无法将固定表单居中在退回平台上

我正在使用退信登陆页面平台。总体而言，它真的很棒，并且使A / B测试非常容易。它或多或少只是拖放，但是您可以添加css，html，javascript等。

无论如何，I'm working on creating a fixed signup area on the bottom of the screen（应该提高转换率），但是我遇到了一些麻烦。该注册框是在所见即所得的仪表板中创建的，从我的观察中，它可以为您构建CSS，同时您可以移动滑块，更改颜色等。

我能够使整个注册区域浮动到底部，但是我无法使注册框保持居中状态。我可以使用边距和定位，但不能使用align：center功能。

我试着做margin-left: auto; margin-right: auto以及text-align: center;，但是它绝对没有作用！

更改屏幕尺寸时，它不会保持居中。但是这里是踢脚；文本仅以width: 100%为中心就没有问题。.注册框似乎没有尊重任何包装器，我认为这可能是问题所在。
这就是我用来创建此固定部分的所有CSS：

 #lp-pom-box-214 {
    top: auto !important;
    display:block;
    position:fixed;
    margin-left: auto;
    margin-right: auto;
    bottom:0px;
    width: 100%;
    align: center;

  }

 #lp-pom-form-51 {
   top: auto !important;
    display:block;
    width: 100%;
    position:fixed;
    bottom: 25px;
    margin-left: 26%;

  }

  #lp-pom-text-211 {
    top: auto !important;
    display:block;
    position:fixed;
    bottom:75px;
    width: 100%;
  }

预先感谢吨！这个客户对我来说真的很好，所以我想为他们做得很好。我不是一个优秀的编码员，但是我非常擅长市场营销，因此如果您在该领域需要帮助，请随时向我大喊大叫:)那是我知道如何回馈任何帮助我的人的最佳方式（或该社区中的其他任何人）。

再次感谢。

最佳答案

您不能以这种方式调整固定位置的元素的位置。

固定位置元素相对于视口或浏览器窗口定位。滚动窗口时，视口不会改变，因此，固定放置的元素将按照其名称的含义精确地工作并保持固定在其分配的位置。要放置固定元素，请使用属性top，right，bottom和left

如果要将其保留为固定位置的元素，则可以通过将顶部和左侧设置为50％，将其在页面上垂直和水平居中，以使容器的左上角在页面内居中，然后可以使用边距-top和margin-left带有负值，以补偿元素的宽度和高度的一半，以在容器中心内获得真实的中心。