在Chrome / Safari中运行良好,但在FF和IE中,最底部的黑条文本(带版权)文本由于某种原因未集中对齐。
HTML:
<div class="copyright">
Copyright © 2011 Scirra.com. All rights reserved.
</div>
</body>
</html>
CSS:
.copyright
{
color: white;
text-align:center;
background-color: #000000;
font-size: 12px;
padding: 3px;
}
修改
答案解决了对齐问题,但firefox只有水平滚动错误:
答案 0 :(得分:3)
将overflow: hidden;
添加到.footerWrapper
课程。 -20px margin-bottom
导致移位,并将其溢出设置为hidden
修复了它:
答案 1 :(得分:2)
您使用的是Mozilla的box-shadow CSS,这会导致水平滚动条。这不是一个错误,但导致了这个问题。