跨浏览器显示

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

我建议使用重置样式表.

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

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

• CSS提示#1:使用CSS重置重置样式
• Mayerweb:重置推理
• Stack Overflow:使用css重置样式表是否可以？
• 堆栈溢出:最佳css重置