jquery - 如何在 jquery 循环插件中设置 100% div 宽度

Question

我有问题..我必须将幻灯片 div 的宽度设置为 100%，即“sklo”div 的最大宽度。请参阅下面的代码：

$(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% 宽度？？如何设置 100% 的 .slide div？必须以 % 为单位，没有 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>