HTML按钮位置

2013-04-30 227 views 0 likes

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

的按钮

<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/

你能否提供额外的上下文？周围的标记是什么样的，它是如何构造的？ – Annabelle 2013-04-30 03:17:43

@安娜贝尔是对的。你能提供更多的编码吗？你的网页设计如何？请用完整的代码发布您的问题。 – 2013-04-30 03:24:58

回答

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

尝试添加一个“重置”样式表，以确保每个浏览器都在同一个干净的平板上工作。例如：http://yuilibrary.com/yui/docs/cssreset/

2013-04-30 03:18:34 Annabelle

如果您确定按钮没有受到任何其他元素的影响，您也许可以尝试position:absolute。对于元素来说，position代码可能更好，%，所以按钮不太可能被其他元素挤压。这对于不同的屏幕尺寸尤其有用。也尝试float元素对齐他们像一个盒子。

2013-04-30 03:46:36 Max