html - 跨浏览器显示

Question

我正在使用 CSS 文件中的以下内容在 Chrome、Firefox 和 Internet Explorer 上测试网站。

#foot_links1, #foot_links2, #foot_links3 {
    position: absolute;
    margin-top: 55px;
    margin-top: 14em;
    color: #02102f;
    font-family: Arial;
}

#foot_links1 {
    left: 335px;
}

#foot_links2 {
    left: 630px;
}

#foot_links3 {
    left: 830px;
}

foot_links1、foot_links2和foot_links3都在一条直线上，但是foot_links1的位置, foot_links2, foot_links3 位置因浏览器而异。

我该如何纠正这个问题？

Answer 1

我建议使用 reset stylesheet .

重置样式表将减少浏览器的不一致性，例如默认行高、页边距和标题字体大小。

您可能还想查看以下文章以进一步阅读:

• CSS Tip #1: Resetting Your Styles with CSS Reset
• Mayerweb: Reset Reasoning
• Stack Overflow: Is it ok to use a css reset stylesheet?
• Stack Overflow: Best css reset