css3保证金不起作用？

Question

我使用Semantic UI创建navbar，这是我的header.php代码

body {
  margin: 0;
  padding: 0;
  font-family: "helvetica", arial;
}

#mainHead {
  margin: 40px 40px 0 40px;
}

#menu {
  max-width: 1024px;
  margin: 0 auto;
}

这是我的style.css代码

{{1}}

显示

导航栏并且最大宽度为1024px，但不在屏幕中间，alredy固定为距屏幕左边缘40px

Swift docs

但如果我删除＆＃34;项目四个流体＆＃34;来自heder.php得到这个 enter image description here

如何解决这个问题？

Answer 1

所以，你想让中间的菜单保持每个项目的宽度与现在相同，对吧？如果是这样，您可以设置属性＆＃39; margin＆＃39; #menu对＃重要的＆＃39;如下所示

 #menu {
        max-width: 1024px;
        margin: 0 auto !important;
    }

而不是

#menu {
        max-width: 1024px;
        margin: 0 auto;
    }

这是因为，将margin-left和margin-right属性设置为0，其中＆＃39;！important＆＃39;它会覆盖你的#menu边缘。