Jquery 滑出式CSS定位

Jquery 滑出式CSS定位,jquery,css,Jquery,Css,嗨,我在网上找到了一个教程,它会在我的表格上下滑动 唯一的问题是它位于左边。我想把它放在右边 这是链接到 以下是教程中的代码 .feedback { position: fixed; left: 0; bottom: 0; } .feedback a { display: block; height: 20px; width: 100px; text-align: center; background: red; border: 2px soli

嗨,我在网上找到了一个教程,它会在我的表格上下滑动

唯一的问题是它位于左边。我想把它放在右边

这是链接到

以下是教程中的代码

.feedback {
  position: fixed;
  left: 0;
  bottom: 0;
}

.feedback a {
   display: block;
   height: 20px;
   width: 100px;
   text-align: center;
   background: red;
   border: 2px solid #fff;
   outline: 1px solid #a1a1a1;
   padding: 5px;
   float: left;
   cursor: pointer;
   color: #FFF;
   font-weight: bold;
   font-size: 18px;
}
我试着把
left:0
改成
right:0
,把
float:left
改成
float:right

它实际上可以在Firefox上运行。但当我在chrome中测试它时,窗体会崩溃,并移向右边很远的地方


帮帮忙,谢谢

只需将
left:0
更改为
right:0
即可。我已经用您在chrome中提供的示例对其进行了测试。 生成的类样式为:

.feedback {
    position: absolute;
    right: 0;
    bottom: 0;
}
使现代化 我注意到前面的解决方案在隐藏并尝试再次显示表单时失败。 要解决这个问题:

.feedback {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 482px;  /*changed*/
}

.feedback a {
    display: block;
    height: 20px;
    width: 100px;
    text-align: center;
    background: #F00;
    border: 2px solid #FFF;
    outline: 1px solid #A1A1A1;
    padding: 5px;
    float: right;   /*changed*/
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

现有反馈不是有效的选择器。您需要将其定位为类(.feedback)。很抱歉输入错误。更新了我的问题