Html 导航页面中内容的对齐方式

我已经创建了一个plunkr

我有一个带有左导航的主页（

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>

---

您在左侧有一个导航栏，其位置为：固定。您或者需要将导航栏和容器向左浮动（这可能不是您想要的行为），或者使用容器上的边距偏移来说明这一点：

.container {
    margin-left: 60px; /* Equal to the width of your navbar */
}

---

希望这有帮助

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

查看

index.html

第58行，正如上面的代码一样，我已经删除了

pull right

，并在div中添加了一个类

page content

，并在CSS中为其设置边距：

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

---

您的解决方案在plunkr中非常有效，但当我在浏览器中运行相同的解决方案时。AddHeader.html页面仍然显示在底部我不得不重新安排文件导入…现在可以工作了。。非常感谢：）