当常量或固定按钮添加时，为什么标题会下降？

我有一个按钮应该在所有视图中都保持固定或固定在相同的位置。但是当我添加视图时，其标题下降到按钮之下为什么？当我删除这个<button>Add</button>它来在正确的位置（在页的中间）。当常量或固定按钮添加时，为什么标题会下降？

<!DOCTYPE html> 
<html ng-app="app"> 

    <head> 
    <link data-require="[email protected]" 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="[email protected]"></script> 
    <script src="http://code.angularjs.org/1.2.17/angular-route.js" data-semver="1.2.17" data-require="[email protected]"></script> 
    <script data-require="[email protected]" 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>

Plunker http://plnkr.co/edit/j4i7omuhNyEIzAaYgmhv?p=preview

来源

2014-09-05 Neetu sharma

尝试'<按钮风格=“的位置是：固定”>添加' – 2014-09-08 09:34:40

它，因为<h1>和定义，除非另有您已经使用一些CSS覆盖

看看这个

将显示为两行的时候<div>Working Demo

<div class="container"> 
    <div class="div1"> 
     <button>Add</button> 
    </div> 
    <div class="div2"> 
     <div id="main"> 
     <div ng-view></div> 
     </div> 
    </div> 
    </div>

来源

2014-09-05 10:25:28

我检查..Thanks你可以请看看这个问题http://stackoverflow.com/questions/25679785/why-css-is-不适用在列表中使用jqm在角 – 2014-09-05 10:28:02

我将definatly接受你的答案..请看看上面的问题和评论 – 2014-09-05 10:30:09

h1和button-elements都具有css属性显示块。因此它们将被放置在彼此之下。 http://www.w3schools.com/cssref/pr_class_display.asp

来源

2014-09-05 10:26:15 knutesten

当常量或固定按钮添加时，为什么标题会下降？

回答

相关问题