jQuery UI sekmeleri: div ile float nasıl yerleştirilir: soldaki özellik sekmeye mi?

Question

Sekmeler için jQuery UI 1.8.16 kullanıyorum. İlk sekmede birkaç tane sütun eklemek istiyorum (float:left özelliği ile).

Ama doğru şekilde yapamıyorum: sekmeler, float özelliği ile uygun şekilde çalışmak istemiyor gibi görünüyor (metnin altındaki resme bakın).

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">First</a></li> 
     <li><a href="#tabs-2">Second</a></li> 
     <li><a href="#tabs-3">Third</a></li> 
    </ul> 
     <div id="tabs-1"> 
       <div style="border:1px solid red;float:left;"> 
        some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br> 
       </div> 
     </div> 
     <div id="tabs-2"></div> 
     <div id="tabs-3"></div> 

</div> 

Nasıl düzeltmek:

kodu vardır?

Teşekkürler!

<div id="tabs-1"> 
    <div style="border: 1px solid red; float: left;"> 
     some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br> 
    </div> 
    <div style="clear: both;"></div> 
</div> 

Sen this fiddle sonuçları görebilirsiniz:

Answer 1

Sen konteyner uygun yüksekliği hesaplamak için sırayla clear your floats gerekiyor.