问什么将Blazor WASM模板MainLayout.razor <div>s布局为内联元素？

EN

我正在尝试学习Blazor WebAssembly (blazorwasm)模板是如何工作的。我看不出MainLayout.razor的布局是什么

<div class="sidebar">
    <NavMenu />
</div>

和

<div class="main">
    <div class="top-row px-4">
        <a href="http://blazor.net" target="_blank" class="ml-md-auto">About</a>
    </div>

作为内联元素。更让我困惑的是当我插入

<div>
    <p>Why is this inline?</p>
</div>

在<div class="sidebar">和<div class="main">之间，因为它也被布局为一个内联元素。

我认为<div>是一个块级别的元素，总是从新行开始。我搜索了Blazor WebAssembly (blazorwasm)模板生成的解决方案，并查看了MSDN Blazor布局文档，但找不到任何将块级<div>布局为内联元素的内容。

谁能告诉我我错过了什么？