HTML - 无法在另一个div的底部放置div

Question

我只是想知道这样的事情是否可行：

<div id="inventory" >
    Blabla <BR/>
    Blabla 
    <div id="empty_slots">
        <div class="shop_empty_slot"></div>
        <div class="shop_empty_slot"></div>
        <div class="shop_empty_slot"></div>
        <div class="shop_empty_slot"></div>
        <div class="shop_empty_slot"></div>
        <div class="shop_empty_slot"></div>
        <div style="clear: both"> </div>
    </div>
</div>

JFiddle link

我希望将#empty_slots div放在#inventory的底部（不要将位置更改为绝对值）。

到目前为止，它仅在我将位置设置为绝对时才有效。但这会引发问题 当我将更多元素放入div时。它们都被放置在#empty_slots后面，而不仅仅是扩展#inventory高度。

Answer 1

你几乎是对的，你应该放置你已经拥有的父亲（#inventory）亲戚。并将孩子（#empty-slots）置于绝对而非亲属。

你说你不想把它放在绝对的地方，但没有它，你就无法实现你想要的。你有理由不想要它绝对吗？

检查updated Fiddle。