不能把固定的形状放在不反弹的平台上

Question

我在做反弹跳登陆平台的工作。总的来说，它真的很棒，使得A/B测试非常容易。它或多或少只是拖放，但您可以添加css、html、javascript等。

无论如何，I'm working on creating a fixed signup area on the bottom of the screen (应该会促进转换)，但我遇到了一些麻烦。注册框是在wysiwyg仪表板中创建的，据我所见，它只是为您构建CSS，当您移动滑块、更改颜色等等。

我可以让整个注册区浮到底部，但我不能让注册框保持中心。我可以使用边距和定位，但不是对齐:中心功能。

我试过做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%;        
  }

提前一吨谢谢！！这个客户对我真的很好，所以我想为他们做好工作。我不是一个伟大的程序员，但我非常擅长市场营销，所以如果你在那个领域需要帮助的话，可以大声喊一声:)这是我知道如何回馈给帮助我的人(或社区中的其他人)的最好方式。

再次感谢。

Answer 1

您不能这样调整固定定位元素的位置。

固定位置元素相对于视口或浏览器窗口定位。当窗口被滚动时，视口不会改变，所以一个固定的定位元素将完全按照名称所暗示的那样做，并且在它指定的位置上保持固定。若要定位固定元素，请使用属性顶部、右侧、底部和左侧。

如果您想将其保持为固定的定位元素，您可以将其垂直和水平地在页面上居中，方法是将顶部和左侧设置为50%，以便容器的左上角在页面内居中，然后可以使用带负值的边距-顶和边距-左来补偿元素的宽度和高度的一半，以实现容器中心内的真正中心。

Answer 2

有点像这?

如果是，请检查此代码

css

.fixed-bottom {
    position:fixed;
    left:0;
    bottom:0;
    padding:10px 0;
    background:#CCC;
    width:100%;
}
.fixed-bottom h1 {
    text-align:center;
}

#lp-pom-button-52 {
display: block;
z-index: 61;
width: 175px;
height: 54px;
line-height: 54px;
behavior: url(/PIE.htc);
border-radius: 8px;
background-color: #ff0000;
background: -webkit-linear-gradient(#ff0000,#e60000);
background: -moz-linear-gradient(#ff0000,#e60000);
background: -ms-linear-gradient(#ff0000,#e60000);
background: -o-linear-gradient(#ff0000,#e60000);
background: linear-gradient(#ff0000,#e60000);
box-shadow: inset 0px 1px 0px #ff4c4c,inset 0 -1px 2px #b30000;
text-shadow: 1px 1px #5c0000;
-pie-background: linear-gradient(#ff0000,#e60000);
color: #fff;
border-style: solid;
border-width: 3px;
border-color: #333333;
font-size: 24px;
font-weight: bold;
font-family: arial;
text-align: center;
background-repeat: no-repeat;
    float:left;
    margin:0 0 0 10px;
}

#lp-pom-form-51 .lp-pom-form-field input[type=text] {
border-style: solid;
border-width: 10px;
border-color: #002c77;
}

a {
color: #ff0000;
text-decoration: none;
}