HTML按鈕位置

Question

我有一個html按鈕和一個css爲它，當我在Firefox中檢查它似乎很好，但是當我檢查鉻時，按鈕的位置是錯位的。

的按鈕

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

，併爲它的CSS的HTML代碼是

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

    } 

這個任何建議高度讚賞！ 按鈕的圖像在這裏同時爲Firefox和Chrome： http://postimg.org/image/opokg0z11/ http://postimg.org/image/o1fpx30b9/

Answer 1

沒有看到周圍的標記和樣式我可以肯定的，但它可以在默認瀏覽器的風格差異。每個瀏覽器都傾向於有自己的想法，看看事物應該如何「開箱即用」。

嘗試添加一個「重置」樣式表，以確保每個瀏覽器都在同一個乾淨的平板上工作。例如：http://yuilibrary.com/yui/docs/cssreset/

Answer 2

如果您確定按鈕沒有受到任何其他元素的影響，您也許可以嘗試position:absolute。對於元素來說，position代碼可能更好，%，所以按鈕不太可能被其他元素擠壓。這對於不同的屏幕尺寸尤其有用。也嘗試float元素對齊他們像一個盒子。