引導：繼承的填充？

Question

導航繼承/ get left padding 40px在哪裏？ 有人可以解釋這一點嗎？

<div id="nav" class="show-search"> 
    <div class="container"> 
     <div class="desktop" id="navigationbg"> 
     <ul id="navigation"> 
      <li class="active" ><a href="#">desktop</a></li> 
      <li class="has_sub"><a href="#">TP</a> 
     <ul> 
      <li><a href="#">RA</a></li> 
      <li><a href="#">ST</a></li> 
      <li><a href="#">PT</a></li> 
     </ul></li> 
     <li><a href="#">H</a></li> 
     <li><a href="#">Y</a></li> 
     <li><a href="#">L</a></li> 
     <li><a href="#">A</a></li> 
     </ul> 

http://codepen.io/anon/pen/RPjrgJ

Answer 1

它是由your browser's system style

ul, menu, dir { 
-moz-padding-start: 40px; // here 
display: block; 
list-style-type: disc; 
} 

設置爲重置，只需設置padding-left:0;

ol, ul { 
padding-left: 0; 
} 

獲取並學習如何使用FireBug並稍後感謝我！

Answer 2

ul有padding-left默認設置。你可以通過這樣做覆蓋這個：

ul { 
    padding: 0; 
}