3

私は、1行で隣り合っており、親の高さまで拡張されている各子の下にdivを配置しようとしています。

私のHTMLは次のようになります。

<div class="parent">
  <div class="child">
    <div class="bottom">Footer</div>
  </div>
  <div class="child">
    <div class="bottom">Footer</div>
  </div>
  <div class="child">
    <div class="bottom">Footer</div>
  </div>
</div>

これは私が思いついたものです: http://jsfiddle.net/xtvDQ/

しかし、div.child の下部に div.bottom を配置することはできません。

これを達成する方法はありますか？ボックス関連の css をすべて削除すると、期待どおりに動作しますが、親コンテナーへの高さの拡張が失われます。

したがって、簡単にはなりません。Javascript はここではオプションではありません。

4

2 に答える 2

0

http://jsfiddle.net/xuscrus/AeRVs/

display:-webkit-box;
display:box;

問題を引き起こす可能性があります。私のソリューションがあなたに役立つことを願っています

于 2013-09-03T20:46:36.297 に答える