CSS浮动和分页定位

Question

我有以下标记

<div id="hearingSummary">
    <table class="minitable">
        ... content removed for brevity
    </table>

    <div>
        <div class="pagination">
            <span class="paginationLeft">left text</span>
            <span class="paginationRight">right text</span>
         </div>
    </div>
</div>

类.paginationLeft和.paginationRight具有以下CSS关联

.paginationLeft
{
    float:left;
}

.paginationRight
{
    float: right;
}

我希望绝对定位包含分页元素的DIV始终位于其容器的底部，因此我将其更改为

<div style="position:absolute; bottom: 3px;">
    <div class="pagination">
        <span class="paginationLeft">left text</span>
        <span class="paginationRight">right text</span>
    </div>
</div>

但是SPAN元素现在不会像CSS类中指定的那样浮动。解决这个问题的最佳方法是什么？

Answer 1

您需要为绝对定位元素赋予宽度。