HTML元素不显示

Question

我创建了文件“ index.html”，并编写了一些代码，它确实起作用。

<header>
        <div class="menu-container">
            </div>
            <div class="menu-user">
                <button class="user-botton">Usere</button>
            </div>
        </div>
        <div class="tool-bar">
        </div>
    </header>

它看起来像：

当我编写此代码时：

 <div class="tool-bar">
            kasjhdkajshdk
 </div>

它什么都没显示。

这是我的CSS代码：

.menu-container{
    display: flex;
    background-color: white;
    position: fixed;
    height: 2.6em;
    width: 100%;
    border-bottom: 0.08em solid #efeaea;
    margin-bottom: 0.08em; 
    justify-content: space-between;
}
.menu-logo, .menu-notification{
    position: relative;
    display: flex;
    flex: initial;
    width: 20%;
    justify-content: flex-start;

}
.menu-user{
    flex: initial;
    width: 15%;
    display: flex;
    justify-content: flex-start;
}
.menu-search{
    flex: 1;
    display: flex;
    justify-content: center;
}

我使用了mayerweb重置CSS。