HTML按钮位置

HTML按钮位置,html,css,Html,Css,我有一个html按钮和一个css,当我在firefox中检查它时,它看起来很好,但当我在chrome中检查时,按钮的位置是错误的 按钮的html代码 <button type='button' id='viewSubjectRating' class="button_position">View Rating</button> 对此,任何建议都将不胜感激。! firefox和chrome的按钮图像如下: 如果看不到周围的标记和样式,我可以肯定,但这可能是默认浏览器样式的

我有一个html按钮和一个css,当我在firefox中检查它时,它看起来很好,但当我在chrome中检查时,按钮的位置是错误的

按钮的html代码

<button type='button' id='viewSubjectRating' class="button_position">View Rating</button>
对此,任何建议都将不胜感激。! firefox和chrome的按钮图像如下:

如果看不到周围的标记和样式,我可以肯定,但这可能是默认浏览器样式的差异。每个浏览器都倾向于对事物“开箱即用”的外观有自己的想法


尝试添加一个“重置”样式表,这样您就可以确保每个浏览器都在同一个干净的状态下工作。例如:

如果看不到周围的标记和样式,我可以确定,但这可能是默认浏览器样式的差异。每个浏览器都倾向于对事物“开箱即用”的外观有自己的想法


尝试添加一个“重置”样式表,这样您就可以确保每个浏览器都在同一个干净的状态下工作。例如:

如果您的按钮不受任何其他元素的影响,您可以尝试
位置:绝对
。对于元素,最好使用
%
定位您的代码,这样按钮就不太可能被其他元素挤压。这对于不同的屏幕尺寸特别有用。还可以尝试将元素像框一样对齐。

如果按钮不受任何其他元素的影响,您可以尝试使用
位置:绝对
。对于元素,最好使用
%
定位您的代码,这样按钮就不太可能被其他元素挤压。这对于不同的屏幕尺寸特别有用。同时尝试将元素像框一样对齐。

您可以提供其他上下文吗?周围的标记看起来像什么,它是如何设计的?@Annabelle是对的。你能提供更多的编码吗?你的页面设计怎么样。请用完整的代码发布您的问题。您能提供其他上下文吗?周围的标记看起来像什么,它是如何设计的?@Annabelle是对的。你能提供更多的编码吗?你的页面设计怎么样。请用完整的代码发布您的问题。
    .button_position
  {
    position:fixed;
    top: 575px; 
    left:950px;

  }