html - 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> 

对不起，我没有名声..图片: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>