CSS Header在IE中的位置错误

栏目: html · 发布时间: 2021-03-31

简介  这篇文章主要介绍了CSS Header在IE中的位置错误以及相关的经验技巧,文章约1039字,浏览量117,点赞数9,值得推荐!

我的网站的标题位置始终与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; }
答案

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

所以只需删除左右

  .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 {
    width: 100%;
}

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

背景图像不起作用(错误的路径?)[关闭]

css背景图片位置:background的position(转)

如何在Casperjs中输入id输入的表格?

HTML5 & CSS3 内容收集(1)(示例代码)

HTML5 & CSS3 内容收集(1)(示例代码)

html+css+js 更换div位置(示例代码)

z-index在IE中的坑

Wordpress:在每个页面的不同位置添加徽标