风格时剃须膏问题

Question

i'M在ASP.NET Core MVC应用程序中编码导航栏。我在所有页面上都可以正常工作。但是，当我添加样式时，导航不再起作用。这是部分视图中的导航：

    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
            <li class="nav-item active dropdown">
                <a class="nav-item--regular nav-link dropdown-toggle" data-toggle="dropdown" asp-page="/About">A Propos</a>
                <div class="dropdown-menu">
                    <a class="dropdown-item" asp-controller="Pages" asp-action="NHPB">Accueil</a>
                    <a class="dropdown-item" asp-controller="Pages" asp-action="PipeBand">A propos</a>
                    <a class="dropdown-item" asp-controller="Pages" asp-action="Instruments">Contact</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="/Members">Les membres</a>
                </div>
            </li>
    </ul>

样式时的导航工作。

这是vue：

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="row">
    <div class="col-3">
        <div class="subnav--sergent">
            @{ Html.RenderPartial("Partials/_SubNav"); }
            <div class="subnav--tri"><img class="px" src="~/images/1px.png" asp-append-version="true" /></div>
            <div class="subnav--rond">
                <button class="bouton bouton--rond" type="button">
                    @{ Html.RenderPartial("Partials/_Adress"); }
                </button>
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="section">
            <h2>Titre</h2>
            <p>Lorem, Bla, bla, bla.
            </p>
            <p>@DateTime.Now</p>
                        
        </div>
    </div>
    <div class="col-3">
        <div class="aside">
            <h1>Coucou</h1>
            <p>Je suis l'Aside !</p>
        </div>
    </div>
</div>

我真的不知道为什么？当部分视图是样式时，它运行良好。正是当我在视图文件中添加****样式时，它不再工作** ???

感谢您的帮助...

Answer 1

hullo，

我发现了什么问题。一些Div正在继续我的链接...我必须找出哪个元素到了，并用-Z index进行了修复...

效果很好：

   .subnav--sergent {
        box-sizing: border-box;
        width: 17rem;
        background-color: $colorGraySergent;
        color: $colorGrayActu;
        padding: 0 3% 0 3%;
        margin-left: 2.7rem;
        min-height: 25rem;
        max-height: 25rem;
        position: relative;
        z-index: 20;
        top: 0;
        .subnav--main {
            margin-top: -15px;
            position: absolute;
            z-index: 100;
            li {
                padding-top: 0.5rem;
                a {
                    font-family: $article;
                    color: $colorWhite;
                    font-size: 1.3rem;
                }
            }
        }
    }

新秀错误...