我有一个按钮，它应该在所有 View 中保持不变或固定在同一位置。但是当我添加一个 View 时，它的标题位于按钮下方
为什么 ？
当我删除这个 <button>Add</button> 它出现在正确的位置(在页面中间)。
<!DOCTYPE html>
<html ng-app="app">
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js" data-semver="1.2.17" data-require="angular.js@1.2.17"></script>
<script src="http://code.angularjs.org/1.2.17/angular-route.js" data-semver="1.2.17" data-require="angular-route@1.2.17"></script>
<script data-require="ui-bootstrap@0.10.0" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/foundation/5.0.0/css/foundation.min.css" />
<script src="script.js"></script>
<script src="logincontroller.js"></script>
</head>
<body>
<button>Add</button>
<div id="main">
<div ng-view></div>
<!-- angular templating -->
<!-- this is where content will be injected -->
</div>
</body>
</html>
最佳答案
这是因为 <h1>和 <div>定义时将显示为两行，除非您已使用某些 css 覆盖
看看这个
<div class="container">
<div class="div1">
<button>Add</button>
</div>
<div class="div2">
<div id="main">
<div ng-view></div>
</div>
</div>
</div>
关于javascript - 为什么在添加常量或固定按钮时标题会下降。？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25683564/