0

当我在 Firefox 中检查它时，我有一个 html 按钮和一个 css 似乎很好，但是当我在 chrome 中检查时，按钮的位置放错了位置。

按钮的html代码

<button type='button' id='viewSubjectRating' class="button_position">View Rating</button>

它的CSS是

    .button_position
  {
    position:fixed;
    top: 575px; 
    left:950px;

  }

对此的任何建议都非常感谢。！Firefox 和 chrome 的按钮图像都在这里： http://postimg.org/image/opokg0z11/ http://postimg.org/image/o1fpx30b9/

4

2 回答 2

3

position:absolute如果您的按钮不受任何其他元素的影响，您可能可以尝试。position对于元素，您的代码可能会更好，%这样按钮不太可能被其他元素压扁。这对于不同的屏幕尺寸特别有用。还可以尝试float将元素像盒子一样对齐。

于 2013-04-30T03:46:36.503 回答
1

在没有看到周围的标记和样式的情况下，我可以确定，但这可能是默认浏览器样式的差异。每个浏览器都倾向于对事物应该如何“开箱即用”有自己的想法。

尝试添加一个“重置”样式表，这样您就可以确定每个浏览器都从相同的全新状态开始工作。例如：http: //yuilibrary.com/yui/docs/cssreset/

于 2013-04-30T03:18:34.937 回答