CSS Margin 显示在浏览器之间的不同位置答案

【问题标题】：CSS Margin is showing on different places between browsersCSS Margin 显示在浏览器之间的不同位置
【发布时间】：2013-08-19 12:28:45
【问题描述】：

我有一个简单的对象，我想在页面的某个位置显示。

代码：

.DownloadBtn
{
    height:35px; 
    width:150px; 
    background:#09F; 
    display:block; 
    position:absolute; 
    margin:280px 60px;
}

<a href="/products.html" class="DownloadBtn">Download Now</a>

这会在 Firefox 上的最佳位置显示我的下载按钮。但是，在 Google Chrome 上，它在左侧滑动得更多。在 IE 上，它在左侧滑动得更多。

所以基本上是这样的：

火狐：--------立即下载--------

Chrome：----立即下载-----------

IE: --DownloadNow-------

有没有一种方法可以让所有浏览器都将它放在一个秒的位置？感谢您的帮助！

【问题讨论】：

它在我电脑上的所有浏览器上都保持在相同的位置。
否定：需要解释一下吗？嗯...由于某种原因它不在我的身上..
哪个版本的IE？每种情况下多少像素？截屏？小提琴重现问题？

标签： html css margin

【解决方案1】：

您可以使用 IE 加载特定的样式表

<!--[if IE]>
<link rel="stylesheet"href="ie.css" />
<![endif]-->

【讨论】：

我说的是 IE8+，我认为他们不需要 IE 特定的样式表。这仍然不能解决 chrome 问题。

【解决方案2】：

你有没有在 CSS 中尝试过这样的事情

margin-left:auto;
margin-right:auto;

【讨论】：

【解决方案3】：

我不知道这是否是有效的方法，但我已经使用 margin: auto 属性修复了它。我的示例请参见下面的代码。

.downloadbtn
{
    margin: 0 auto;
    padding: 0;
    position: relative;
    right: 400px;
    top: 200px;
}

【讨论】：