CSS外观因浏览器更改而异

Question

我的按钮的CSS是：

.custom-input-button {
  text-align: center;
  position: absolute;
  left: 64.4%;
  top: 12.3%;
}

和评分框：

.rating-input {
  font-size: 25px;
  float: right;
  position: relative;
  left: 35%;
}

但是僵尸程序按钮和评分我选项出现在Firefox和Chrome中的不同位置。

更多因为Firefox版本更改位置受到影响。在我的Firefox 23.0上它看起来不错， 但在我的朋友PC FF版本不同，按钮位置和评价我选项更改。

Answer 1

inHm，尝试使用

.rating-input {
                                font-size: 25px;
                                position:relative;
                                left:35%;
                        }

没有浮动，因为你使用这样的组合，某些浏览器可能会错误地设置它。

问题是您使用％来设置距离。不同浏览器使用不同的百分比。尝试使用px。