如何設定100％的div寬度的jQuery插件週期

Question

我有問題.. 我必須設置幻燈片格的寬度爲100％時，「SKLO」格.. 的最大寬度見下面我的代碼：

$(function() { 
$('#sklo').cycle({ 
    fx:  'scrollHorz', 
    speed: 1000, 
    timeout: 0, 
    slideExpr: '.slide', 
    slideResize: 1 
     }); 
}); 

而且表

<table> 
<tr> 
    <td class="container"> 

<div id="content"> 

<div id="sklo"> 
<div class="slide">Text content 1</div> 
<div class="slide">Text content 2</div> 
<div class="slide">Text content 3</div> 
</div> 

</div> 

    </td> 
</tr> 
</table> 

和CSS：

.container { 
min-width:800px; 
width:100%; 
position:relative; 
} 
#sklo { 
display:block; 
min-width:675px; 
min-height:250px; 
width:100% !important; 
height:100%; 
border-radius:20px; 
background-color:red; 
} 
.slide { 
min-width:675px; 
min-height:250px; 
width:100% !important; 
text-align:center; 
} 

我的問題：

文本內容滑塊不能是「sklo」的100％寬度？ 如何設置.slide div的100％？ 必須在％，無px！

請幫忙。

Answer 1

讓您table寬度100%那麼它content將automatically採取100% width

<table width="100%"> 
    <tr> 
     <td class="container"> 
     <div id="content"> 
      <div id="sklo"> 
      <div class="slide">Text content 1</div> 
      <div class="slide">Text content 2</div> 
      <div class="slide">Text content 3</div> 
      </div>  
     </div> 
     </td> 
    </tr> 
</table>