Javascript CSS中将Div width设置为100%会打断脚本的宽度

我有一个Div滑块，可以在单击时交换Div。如果我将css更改为以下内容：

.hslide-item {width: 100%};

然后脚本将忽略整个div宽度。我需要.hslide项在不破坏JS方面的情况下100%填充其父div

//添加标记
$（'.hslide'）.wrapInner（''）；
//计算条件并设置变量
//var playTimer=9，
幻灯片数量=$（'.hslide item'）。长度，
slideWidth=$（'.hslide item'）.width（），
stageWidth=$（'.hslide stage'）.width（），
contWidth=$（'.hslide'）.width（）；
如果（（滑动数量*滑动宽度）
正文{
字体系列：无衬线；
}
赫斯利德先生{
高度：100px；
宽度：100%；
背景：#eee；
字号：0；
位置：相对位置；
溢出：隐藏；
}
.hslide阶段{
位置：绝对位置；
空白：nowrap；
}
.hslide项目{
显示：内联块；
背景：#ccc；
框阴影：插图-1px 0px 0px rgb（255、255、255）；
宽度：500px；
高度：100px；
字体大小：12px；
文本对齐：居中；
}
.hslide prev、.hslide next{
显示：内联块；
背景：#eee；
颜色：#000；
文字装饰：无；
填充：10px；
保证金：5px0；
}
.hslide-prev:悬停，.hslide-next:悬停{
背景：#ccc；
}
.hslide prev已禁用，.hslide next已禁用{
显示：内联块；
背景：#eee；
颜色：#ccc；
文字装饰：无；
填充：10px；
保证金：5px0；
}

一个
两个
三

//添加标记
$（'.hslide'）.wrapInner（''）；
//计算条件并设置变量
var playTimer=9，
幻灯片数量=$（'.hslide item'）。长度，
slideWidth=$（'.hslide item'）.width（），
stageWidth=$（'.hslide stage'）.width（），
contWidth=$（'.hslide'）.width（）；
如果（（滑动数量*滑动宽度）
正文{
字体系列：无衬线；
}
赫斯利德先生{
高度：100px；
宽度：100%；
背景：#eee；
字号：0；
位置：相对位置；
溢出：隐藏；
}
.hslide阶段{
位置：绝对位置；
空白：nowrap；
宽度：100%；
}
H