CSS float и pagination позиционирование

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

Вам нужно задать ширину для вашего элемента с абсолютным позиционированием.