Css div始终正确，所有浏览器

我只是为div创建了下一个css代码，使其始终正确：

#button > .right{
  background-position: -268px 1415px;
  height: 180px;
  position: fixed;
  right: -90px;
  top: 40%;
  width: 263px;
 -webkit-transform                : scale(0.23);
 -moz-transform                   : scale(0.23);
 -o-transform                     : scale(0.23);
 -ms-transform                        : scale(0.23);
 transform                        : scale(0.23);
}

我在firefox中尝试过，这段代码很好，但当我在其他浏览器中尝试时，却找不到这段代码

有什么想法吗

pdt：这是url

---

编辑：这段代码很好，问题是因为这个div位于其他div中，位置为：relative。

您的问题很容易解决。您的设置

正确：-90px这意味着该div已移出90px的可见屏幕。将宽度设置为263px，然后将其缩放为0.23。大约是60像素（263*0.23）。这意味着您的div在那里，但他的左边框在可见视口右侧约30像素。
您的问题很容易解决。您的设置
正确：-90px这意味着该div已移出90px的可见屏幕。将宽度设置为263px，然后将其缩放为0.23。大约是60像素（263*0.23）。这意味着您的div在那里，但他的左边框在可见视口的右侧约30像素。
他们只需计算屏幕的宽度，然后更新按钮的左坐标值

例如：-

<button id="right"><button>

<script>
    var x=$(window).width();
    var right=document.getElementById("right");
    right.style.position="absolute";
    right.style.left=x+"px";
</script>


var x=$（window.width（）；
var right=document.getElementById（“right”）；
right.style.position=“绝对”；
right.style.left=x+“px”；

x是屏幕的总宽度，然后您已将“x”指定给按钮的左坐标…：）
 只需计算屏幕的宽度，然后更新按钮的左坐标值

例如：-

<button id="right"><button>

<script>
    var x=$(window).width();
    var right=document.getElementById("right");
    right.style.position="absolute";
    right.style.left=x+"px";
</script>


var x=$（window.width（）；
var right=document.getElementById（“right”）；
right.style.position=“绝对”；
right.style.left=x+“px”；

x是屏幕的总宽度，然后您已将“x”指定给按钮的左坐标…：）
 你在说什么其他浏览器。在谷歌Chrome，即9.0和Firefox中，它对我有用吗？你能说得更清楚吗？真的吗？在designer计算机中，这看起来真的很糟糕，我会附上问题的图片。对我来说似乎也很好，但可能是一个z索引问题，因为你似乎没有将任何z索引应用到你的定位对象上。你在说其他浏览器。在谷歌Chrome，即9.0和Firefox中，它对我有用吗？你能说得更清楚吗？真的吗？在designer计算机中，这看起来很糟糕，我会附上问题的图片。对我来说似乎也很好，但可能是一个z索引问题，因为你似乎没有对定位对象应用任何z索引