html - 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 来实现。