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)。很抱歉输入错误。更新了我的问题