Question

我创建了一个plunkr here

我有一个左侧导航的主页面（index.html）。当我点击标题详细信息时，应打开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并在div中添加了一个类page-content并在CSS中为它设置了边距：

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

Answer 2

左侧有一个导航栏position: fixed。您需要将导航栏和容器浮动到左侧（这可能不是所希望的行为），或者在容器上使用边距偏移来解释此问题：

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

希望这有帮助！

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

2 个答案: