html - CSS外观随浏览器的变化而变化

我的按钮的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中，bot按钮和“为我评分”选项显示在不同位置。

随着Firefox版本更改位置的变化，影响更大。在我的Firefox 23.0上看起来还不错，
但是在我的朋友PC FF版本中，按钮和“评价我”选项的位置有所不同。

最佳答案

inHm，请尝试使用

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

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

问题是您使用％来设置距离。不同的浏览器使用百分比的方式也不同。尝试使用px进行操作。

关于html - CSS外观随浏览器的变化而变化，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19985559/