html - 导航页面内容对齐

Question

我创建了一个 plunkr here

我有一个带左侧导航的主页 (index.html)。当我点击 Header details 时，应该会打开 AddHeader.html 页面。我在哪里添加了所有文件。我想我错过了一些东西，因为 AddHeader.html 页面没有完全适合主页。当我在 Internet Explorer 中运行它时，AddHeader.html 页面始终显示在底部。请帮忙。

我只是从 index.html 添加了一个片段，我在其中添加了 ng-view:

<div class="pull-right" style="margin-right:20px">
  <div ng-view></div>
</div>

Answer 1

导航栏是固定的，你必须为内容设置边距。我已经更新了你的代码 here

看index.html第58行，正如你上面的代码，我已经删除了pull-right并添加了一个类page-content到 div 并在 CSS 中为其设置边距:

.page-content {
  margin-top: 50px;
  margin-right: 20px;
  margin-left: 140px;
}