Только hompepage визуализирован правильно?

Question

Я работаю более 6 месяцев в проекте MVC, и все это время у меня такая же проблема с html css: Домашняя страница сделана правильно. пример: http://prntscr.com/tucp1

Все остальные страницы имеют пробел между словами. Пример: http://prntscr.com/tucui Часть HTML:

<div class="search right"> 
    <div class="nav"> 
     <ul> 
      <li><a>Nav1</a></li> 
      <li><a>Nav2</a></li> 
      <li><a>Nav3</a></li> 
     </ul> 
    </div> 

Часть моего Css:

.nav ul li { 
line-height: 27px; 
display: inline; 
float: left; 
list-style-type: none; 

.nav ul li a { 
color: #424242; 
padding: 0 10px; 
font-weight: bold; 
} 

И вчера я понял, что я не имею поплавка слева на литий. Я тестировал на внутренней странице, так что я нашел, что проблема ... Кто-нибудь знает, как можно сделать только hompepage правильно, какое-то объяснение?

Answer 1

список Инлайн элементы зависят белого пространства (так же, как встроенный блок элементов) - это значит, ваш знак вверх должно быть, как это вместо:

<div class="search right"> 
<div class="nav"> 
    <ul> 
     <li><a>Nav1</a></li><li><a>Nav2</a></li><li><a>Nav3</a></li> 
    </ul> 
</div> 

Чтобы избавиться от промежутков между ними.

Прочитайте этот ответ для получения дополнительной информации: Best way to manage whitespace between inline list items