导航按钮不显示内联

Question

好吧所以我的导航设置为内联块，但出于某种原因，在safari中，它会显示为这样。它在chrome中运行良好，但我无法弄清楚我需要改变什么。当我更改Web浏览器窗口的大小时，它会自行修复。任何帮助，将不胜感激。

*注意我正在使用Susy，这就是modelBuilder.Entity<StockItem>() .HasOne(e => e.StockItemHolding) .WithOne(e => e.StockItem) .HasForeignKey<StockItemHolding>(e => e.Id);

的原因

所需的输出 CSS：

@include span(12)

HTML：

nav{
     @include span(12);
nav ul{ 
     @include span(12);
     list-style: none;
     display: inline;
     float: right;

}

li{ 
   display: inline;
   float: right;
   padding: 2%;
}
}


nav ul li a {
     display: inline-block;
     text-decoration: none;
     color: white;
     background-color: #FF4343;
     border-radius: 49px; 
     -moz-border-radius: 49px; 
     -webkit-border-radius: 49px; 
     border: 0px solid #EB0000;
     width: 100%;
     height: auto;
     text-align: center;
     padding: 10%;
     font-family: 'Montserrat', sans-serif;
     font-size: small;
     text-align: center;
}

Answer 1

尝试width:100%;。这应该会让它一路走来。