margin-left得到重複/相乘

Question

我真的不明白爲什麼，不知何故margin-left只是影響其他元素，這是非常煩人的。

代碼和圖片如下包括：

CSS

.setting-container { 
     position: relative; 
     top: 60px; 
     left: 0px; 
     width: 100%; 
     height: calc(100% - 60px); 
    } 
     .setting-topnav { 
      width: 100%; 
      height: 40px; 
      left: 0px; 
      background-color: #081723; 
     } 

     .setting-topnav a { 
      font-size: 12px; 
      font-family: NanumGothic; 
      color: #fafafa; 

      vertical-align: middle; 
      line-height: 40px; 
      margin-left: 43px; 
      text-decoration: none; 
     } 

     .setting-title { 
      width: 100%; 
      height: 40px; 
      left: 0px; 
     } 

     .setting-title a { 
      font-size: 28px; 
      font-family: NanumGothic; 
      color: #fafafa; 

      vertical-align: middle; 
      line-height: 40px; 
      margin-left: 43px; 
      text-decoration: none; 
     } 

HTML

<div id="navbar_template"></div> 
<div class="setting-container"> 
    <div class="setting-topnav"> 
     <a>Setting　/　Basic Configuration<a> 
    </div> 

    <div class="setting-title"> 
     <a>Basic Configuration<a> 
    </div> 
</div> 

抱歉，我沒有信譽.. IMAGE：http://i.imgur.com/jBtfeCl.jpg

Answer 1

關閉您的一個標籤：

<div id="navbar_template"></div> 
<div class="setting-container"> 
    <div class="setting-topnav"> 
     <a>Setting　/　Basic Configuration</a> 
    </div> 

    <div class="setting-title"> 
     <a>Basic Configuration</a> 
    </div> 
</div>