Css 当绝对定位的jCarousel与较小浏览器窗口上的第二个div重叠时，该怎么办

如果查看此网站并缩小浏览器窗口的大小，则顶部的两个主要块（图像旋转木马和“最新新闻”）将重叠：

我已经尝试了很多方法来解决这个问题，但是我想不出任何不重叠、看起来很糟糕的方法。（我还必须向旋转木马添加一些宽度/高度设置，因为我认为jCarousel可能存在一个缺陷，例如，如果不指定高度，则不会显示整个图像。）

我真正希望的是，随着浏览器的扩展，两个块都会缩小，但我恐怕这超出了我目前的能力

---

有人对如何处理这件事有什么想法吗？我可以发布HTML/CSS，但它非常难看。

您已经将

\views\u slideshow\u singleframe\u main\u home\u banner\u cycle-block\u 1

的高度设置为

270px

，如果您将其删除，那么它看起来就可以了。顺便说一句，您在水平方向上的问题基本上是相同的，即幻灯片在一定宽度上与最新新闻重叠。

感谢您的回复；我删除了带有高度设置的CSS，但我感觉还有第二个问题我没有意识到。希望现在能解决这个问题，但我真的希望也能解决你提到的重叠问题。随着浏览器尺寸的缩小，你有没有想过如何处理这个问题，这来自于

#block-views-home\u banner\u cycle-block\u 1

上设置的宽度。我没有在该ID上设置宽度。我展开CSS BTW以使其更易于调试。实际上，我猜是在应用宽度的div上设置的

span6

类，它来自引导样式。例如，当

@介质（最大宽度：979px）和（最小宽度：768px）

匹配时，

.span6

将在其上设置460px的宽度。