定位jquery选项卡和框时出现问题

我使用了jquery选项卡和手风琴。代码如下：

               //tabs $(function() { $( "#content-area" ).tabs(); $("#content-area").resizable(); $("#content-area").draggable(); }); //button $(function() { $( "button, input:submit, a", ".demo" ).button(); //$( "a", ".demo" ).click(function() { return false; }); }); //resizable box $(function() { $( "#item-list" ).accordion({ fillSpace: true }); }); $(function() { $( "#item-list" ).resizable({ minHeight: 140, resize: function() { $( "#item" ).accordion( "resize" ); } }); });    
 
   
 

 
 
 
catalog
 
 
 
hii
 
 
 

 
 
 
ItemsList
 
 
item list here
 
 
 
 
   

我的css文件有：

 #content-area { float:left width: 350px; height: 450px; padding: 0.5em } #item-list { float:right width: 150px; height: 150px; padding: 0.5em; } #item h3 { text-align: center; margin: 0; } 

当我运行应用程序选项卡并且手风琴盒是一个在另一个之下时。我希望选项卡在左侧，而在右侧框中。即使我在css中指定了它，也没有应用定位和大小调整

Answer 1

您是否会考虑使用预先编写的内容，例如： http ： //nicolahibbert.com/demo/liteAccordion/或http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizo​​ntal-accordion.html或http： //www.marghoobsuleman.com/jQuery-common-accordion 。 如果你搜索“水平手风琴jquery”，你将能够找到更多。