AngularJSで余白を設定できません（JavaScript）

Question

私の名前はFernandoで、これはStack Overflowの最初のトピックです。私は自分のコードエラーを探していて、何も手に入れませんでした。

AngularJSルーティングでアプリケーションを作成しましたが、この例ではコンテナを追加してスパンとボタンを追加しました。そのスパンとそのボタンではマージンを追加しましたが、要素はコードに従わなかったのです。

div.mainHeader { 
 
\t width: 100%; 
 
\t height: 25%; 
 
\t background-image: no-repeat; 
 
\t background-size: 100%; 
 
} 
 

 
div.mainHeader span { 
 
\t float: left; 
 
\t margin-left: 10px; 
 
\t margin-bottom: 10px; 
 
\t font-size: 18px; 
 
\t color: white; 
 
} 
 

 
div.mainHeader .md-fab { 
 
\t float: right; 
 
    margin-right: 10px; 
 
\t margin-bottom: 10px; 
 
}

<div class="mainHeader" ng-controller="linkController" ng-style="{'background-image': 'url({{ linkHeader + 'international.png' }})'}"> 
 
    <span>International</span> 
 
    <md-button class="md-fab md-mini md-primary" aria-label="Favorite"> 
 
     <md-icon class="material-icons">notifications_none</md-icon> 
 
    </md-button> 
 
</div>

>> CLICK HERE TO SEE THE APP <<

//フェルナンド・ペレスララ（fernando.perez.lara@outlook.com）

Answer 1

あなたの質問はかなり曖昧ですが、私ボタンがマージンボトムのプロパティに従わないという事実を指していると思いますか？

これは、「押し込む」ための余白の要素の下に何もないので、余白が空のスペースに広がっているためです。

もしそうなら、あなたはCSSプロパティを使用して試みることができる：

{ 
    float: right; 
    margin-right: 10px; 
    position:relative; 
    bottom:10px; 
} 

位置：それは要素がページ上の元のフットプリントを維持し、自由にホイスト移動することを可能にするよう相対的には強力なCSSプロパティです。