material design のiconの位置を指定するにはどうすればいいですか。

Question

アイコンを左下に配置したい

monacaでmaterial designのアイコンを使っています。いろいろ試しましたが、アイコンを左下に動かせなかったので質問します。

該当のソースコード

<ons-template id="home.html">
    <ons-page>
      <ons-toolbar style="background-color: ;">
        <div class="left">
          <ons-toolbar-button onclick="fn.open()">
            <i style="vertical-align: middle;"class="material-icons">dehaze</i>
          </ons-toolbar-button>
        </div>
        <div class="center">
          Home
        </div>
      </ons-toolbar>
      <div class="left-bottom">
      <i style=""class="material-icons left-bottom">volume_up</i>
     </div>
    </ons-page>
  </ons-template>

試したこと

left: 0px; bottom: 0px;を試したほかかなり多くの方法を試しましたが失敗しました。

補足情報（FW/ツールのバージョンなど）

Answer 1

親要素に

position: relative

左下にしたい要素に

position: absolute;
left: 0;
bottom: 0

じゃダメですか？

Comments

[kyoya0819]

完全余談ですが親要素にabsoluteやfixedを指定しても大丈夫です。規定値以外でしたら