基础侧导航故障

时间:2014-11-19 21:17:06

标签: html css zurb-foundation

我在使用侧面导航时遇到问题,请参阅codePen。以Foundation 5为例,我尝试将蓝色标签放在侧面(side1,side2,side3等)与第一个标签(My Site)相同,我添加了padding-top,padding-down等等。不工作我非常感谢您帮助设置侧面导航和正确的文本中心,间距较小。

CSS

.topside-nav li {
  display: inline-block;
  line-height: 15px;
  font-size: 1.25rem; 
  padding-right: 2.25rem;
  margin: -60px 2px 5px 60px;
  text-align: center;
}  

基金会 - Side Nav

这是非常耗时的,请告诉我最好的方法,我已经测试了Chrome开发者工具和CodePen。仍然没有弄清楚为什么基金会网站没有明确提供指示。

1 个答案:

答案 0 :(得分:2)

margin-top: 0置于.top-bar ul,并将line-height:65px设为.topside-nav li