如何調整我的導航中的CSS頁邊距

enter image description here 如何調整我的導航中的CSS頁邊距

有人可以幫我嗎？我想在導航菜單中調整我的邊距。我試圖調整我的margin-left到所有可用的navigaton元素，但它不起作用。

body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
nav { 
 
    background: black; 
 
} 
 

 
nav ul li { 
 
    list-style: none; 
 
    display: inline-block; 
 
    padding: 5px; 
 
} 
 

 
nav ul li a { 
 
    text-decoration: none; 
 
    color: white; 
 
}

<div class="container"> 
 

 
    <nav class="main_nav"> 
 
    <ul> 
 
     <li><a href="">Home</a></li> 
 
     <li><a href="">Post a question</a></li> 
 
    </ul> 
 
    </nav> 
 

 
</div>

來源

2016-09-18 Jacob Rosta

這是輸出你期待？檢查輸出jsbin鏈接

Jsbin link

CODE

<!DOCTYPE html> 
 
    <!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    <style> 
 
    body { 
 
     margin: 0; 
 
     padding: 0; 
 
    } 
 
    
 
    nav { 
 
     background: black; 
 
    \t 
 
    } 
 
    
 
    nav ul li { 
 
     list-style: none; 
 
     display: inline-block; 
 
     padding: 5px; 
 
    \t margin-left:-25px; 
 
    \t margin-right:25px; 
 
    } 
 
    
 
    nav ul li a { 
 
     text-decoration: none; 
 
     color: white; 
 
    
 
    } 
 
    
 
    </style> 
 
    </head> 
 
    <body> 
 
    
 
    <div class="container"> 
 
    
 
       <nav class="main_nav"> 
 
         <ul> 
 
          <li><a href="">Home</a></li> 
 
          <li><a href="">Post a question</a></li> 
 
         </ul> 
 
    
 
       </nav>[enter image description here][1] 
 
      </div> 
 
    
 
    </body> 
 
    </html>

來源

2016-09-18 11:20:33

請參見樣品圖片。我想調整導航或家到左側 –

現在檢查輸出我編輯的代碼... –

謝謝！它現在正在工作......但爲什麼我必須將margin-left設置爲負（ - ）像素？爲什麼保留正值的保證金不起作用？ –

如何調整我的導航中的CSS頁邊距

回答

相關問題