HTML按钮位置

Question

当我在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/

Answer 1

如果您的按钮没有受到任何其他元素的影响，您可以尝试position:absolute。对于元素，使用position %您的代码可能会更好，因此该按钮不太可能与其他元素混淆。这对于不同的屏幕尺寸特别有用。同时尝试将float元素与盒子对齐。

Answer 2

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

尝试添加“重置”样式表，以确保每个浏览器都使用相同的清单。例如：http://yuilibrary.com/yui/docs/cssreset/