Php CSS Internet Explorer浏览器差异

出于某种原因，在InternetExplorer中，这些单词的缩进比Chrome或Safari中显示的要远得多。这有可能是由于不同浏览器的CSS不同造成的吗

<div class="container">
<div class="centered">
<?php 

    echo "<a href='/LOGO'>LOGO</a>";
?>
</div>
</div>

---

在第一行中使用此css

reset

：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

---

参考

您可能还希望在重置代码的顶部添加以下内容：

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

}

---

此外，您使用的容器宽度为100%。确保你有某种容器元素围绕着它，有某种固定的单元；ie px、em等。如果没有，每个浏览器都会根据字体调整框的大小。每个浏览器和平台呈现的字体略有不同，导致宽度不同。

这可能是quirks模式的问题。你有合适的doctype吗

在CSS中添加类似的内容以进行调试。可能有一个被遗忘的元素或其他东西

html { border: solid 1px black;}
body { border: solid 1px red;}
div  { border: solid 1px green;}

---

如果非要我猜的话，那是因为你没有重置全局样式。每个浏览器都有自己的默认设置。最好在答案中包含参考链接。不过，我会为您这样做：

html { border: solid 1px black;}
body { border: solid 1px red;}
div  { border: solid 1px green;}