问项目清晰度-固定导航

EN

为了修复标题，以便内容在其下面滚动，您的应用程序需要有正确的应用程序布局。我们的组件在这个结构中工作，因为A properly structured layout enforces an optimal, consistent experience across applications.

清晰应用程序布局的一般结构采用以下形式：

<div class="main-container">
    <div class="alert alert-app-level">
        ...
    </div>
    <header class="header header-6">
        ...
    </header>
    <nav class="subnav">
        ...
     </nav>
     <div class="content-container">
        <div class="content-area">
            ...
         </div>
        <nav class="sidenav">
            ...
        </nav>
    </div>
</div>

显然，你可以摆脱那些可能与你的应用程序无关的部分，比如：alert-app-level，subnav等.

您可以在我用鲍勃·罗斯的灵感制作的一个鲍勃·罗斯中看到这种效果。如您所见，内容滚动在应用程序标题之下。

如果有人也有这个问题，或者另一个问题，有些css不能在角范围内工作：

由于我们主要将UI代码以角的形式构造成多个组件，而且由于每个组件在实际的html标记之间的生成DOM中放置了自己的主机标记，所以清晰库存在一些问题。

因此，作为解决办法，如果您仍然希望保持当前html的原样，可以在每个组件的css文件中定义此css：

:host { display: contents; }

这将导致组件的框不呈现；这意味着在DOM中仍然可以看到宿主标记，但是它们不会对CSS产生任何影响。任何清晰的CSS都会再次工作。