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

절대 위치 요소에 폭을 지정해야합니다.