主导航分隔线查询

Question

我正在使用以下代码来设置带有分隔线的主导航样式，但由于某种原因，分隔线会触及视差英雄：

.main-navigation ul li, .secondary-navigation ul li {
  position: relative;
  display: inline-block;
  text-align: left;
  border-right: 1px solid;

}

如何减小分隔线的宽度，使其不会下降这么远？

我附上了截图作为证据。 Picture of dividers and hero.

Answer 1

用下面的css解决了：

  .main-navigation ul {
    line-height: 7;
  }