我有一个名为slider1_container的图像库，它的样式属性在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_container div也在这个类中，但是由于它的700px宽度是在HTML代码中设置的，所以在其他视口大小下似乎没有响应能力。

我尝试在多个点使用媒体查询将slider1_container的宽度更改为小于700px的宽度，但似乎HTML代码中指定的宽度会推翻这一点。

[删除死链接，请更新]

如果我将700px设置为auto，宽度可以很好地工作，但当你加载页面时，图像库只显示黑色，直到你选择另一张照片，它会很快出现（听起来是javascript问题）。

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

谢谢！！