AngularJSノー成功を収めて右にあるドロップダウンをフロート/プッシュしようとしているページ

Question

の右側にある材料押し要素は、md-input-containerにfloat: right;を適用することも試してみました：

<div layout="row" layout-align="right"> 
    <div class="md-select-sort"> 
     <md-input-container> 
      <label>Sort By</label> 
      <md-select ng-model="sort"> 
       <md-optgroup label="Sort By"> 
        <md-option value="DateLastModified">Date Last Modified (Asc)</md-option> 
        <md-option value="-DateLastModified">Date Last Modified (Desc)</md-option> 
        <md-option value="DateCreated">Date Created (Asc)</md-option> 
        <md-option value="-DateCreated">Date Created (Desc)</md-option> 
       </md-optgroup> 
      </md-select> 
     </md-input-container> 
    </div> 
</div> 

ありそれを達成する具体的な方法は？なぜちょうどfloat: rightが動作しないのですか？

Answer 1

ちょうどlayout-align="end center"を使用すると、このdemo plnkrのようになります。

<div layout="row" layout-align="end center"> 
    <div class="md-select-sort"> 
     <md-input-container> 
      <label>Sort By</label> 
      <md-select ng-model="sort"> 
       <md-optgroup label="Sort By"> 
        <md-option value="DateLastModified">Date Last Modified (Asc)</md-option> 
        <md-option value="-DateLastModified">Date Last Modified (Desc)</md-option> 
        <md-option value="DateCreated">Date Created (Asc)</md-option> 
        <md-option value="-DateCreated">Date Created (Desc)</md-option> 
       </md-optgroup> 
      </md-select> 
     </md-input-container> 
    </div> 
</div>