jQuery 아코디언 및 CSS 부동

Question

float:left 인 다른 테이블 옆에 float:right으로 설정된 다른 div/테이블에서 jquery 아코디언이 제대로 작동하도록하려고합니다.

내가 그렇게 할 때마다 h3의 전체 길이와 내용이 바뀌게됩니다.

필자도 '채우기 공간'기능을 사용해 보았습니다. 전혀 도움이되지 않았습니다.

float으로 아코디언을 사용한 적이있는 사람이 있습니까?

감사합니다,

<script> 
$(function() { 
    $("#accordion").accordion(); 
}); 
</script> 

<table border="0" cellpadding="0" cellspacing="0" style="width:380px;float:left;"> 
<tr><td>some text</td><td>some more text</td></tr> 
<tr>some text</td><td>some more text</td></tr> 
</table> 

      <div id="attendance_accordion" style="float:right;width:350px;"> 
       <h3><a href="#">Section 1</a></h3> 
       <div> 
        <p> 
         Section 1 text 
        </p> 
       </div> 
       <h3><a href="#">Section 2</a></h3> 
       <div> 
        <p> 
        Section 2 text 
        </p> 
       </div> 
       <h3><a href="#">Section 3</a></h3> 
       <div> 
        <p> 
        Section 3 text 
        </p> 
       </div>  
      </div> 

Answer 1

우리가 어떻게하는지 볼 수 있도록 당신이 당신의 마크 업 및 CSS를 게시하시기 바랍니다 수 있다면.

빠른 평가로 부동 요소가있는 경우 모든 부동 요소 뒤에 "clear : both"를 사용해야합니다. 끝 부분에 "<div style="clear:both">"을 넣을 수 있습니다.