Question

我网站的标题位置始终与IE中的左侧对齐。但它应该处于中间位置，在Chrome和Firefox中它的工作没有问题。

我可以请求你的专家吗？

主页：

CSS代码：

.header {
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  max-width: 950px;
  height: 141px;
  background: url(../img/bg_top.jpg);
  background-size: cover;
  color: #FFF;
  z-index: 100; }

Answer 1

请尝试使用此代码以获得正确的解决方案。

对于标题类，您需要在CSS下面添加

.header {
    width: 100%;
}

对于导航部分，您需要使用CSS下方更新左侧边距。

.nav .ul .li {
    margin-left: 32px;
}

Answer 2

按边距自动和最大宽度固定无需左右两侧。它会自动放在页面的中心。

所以只需删除左右

  .header { 
    top: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    max-width: 950px;
    height: 141px;
    background: url(../img/bg_top.jpg);
    background-size: cover;
    color: #FFF;
    z-index: 100; }

CSS Header在IE中的位置错误

2 个答案: