Javascript 如何使我的图像库宽度响应其下方的div？

我有一个名为slider1_容器的图像库，其样式属性在HTML代码中指定，例如：

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width:700px;
    height: 600px; background: #191919; overflow: hidden;">

除了滑块比其下方的div框宽之外，此操作非常有效。这个div框的宽度是父类rightcolumn的100%，我的slider1\u容器div也在这个类中，但是由于它的宽度700px是在HTML代码中设置的，所以它在其他视口大小下似乎没有响应

我曾尝试在不同点使用媒体查询将slider1_容器的宽度更改为小于700px的值，但HTML代码中指定的宽度似乎推翻了这一点

[已删除死链接，请更新]

如果我将700px设置为自动，宽度可以完美工作，但是当你加载页面时，图像库只显示黑色，除非你选择另一张照片，否则它会很快显示出来

如果在我的网站上调整视口的大小，你可以看到图像库的宽度与下面的div框不匹配，我如何使它像其他div一样响应

---

谢谢

阅读您正在使用的任何幻灯片插件的文档。它很可能具有响应性设置。如果没有，你可以找到一百万个不同的响应幻灯片插件