Question

我正在开发一个带有轮播滑块的网站，但是carousal滑块转到外部外部div。这是因为旋转木马Slider采用与屏幕分辨率相关的动态宽度。应该有人帮我解决它。我做了什么在这里： http://code-dynamix.com/blazemedia/fdfs.html

上述链接中的问题在页脚上方划分。提前谢谢。

Answer 1

你想要的 溢出：隐藏; 在你的div类（.upcoming）中，这会隐藏框外的任何东西

Answer 2

请试试这个

.upcoming{
overflow: hidden; /* inside overflow:hidden; in main div */
}
.caroufredsel_wrapper{
  overflow: hidden;
  left: 126px;
}

Answer 3

为caroufredsel_wrapper类添加宽度100％，溢出：为.upcoming div隐藏。那是

.caroufredsel_wrapper {
    width : 100% !important;

}

.upcoming {
    overflow: hidden;
}

在css文件中。

感谢。

Answer 4

尝试将宽度设置为100％。

<div id="wrapper">
  <div id="carousel">
      <div><img src="img" /></div>
      <div><img src="img" /></div>
      <div><img src="img" /></div>
      <div><img src="img" /></div>
  </div>
  <div id="title">
      <h3>Header</h3>
      <p><a href="#">Link Name</a></p>
  </div>
  <div id="pager"></div>
</div>

Answer 5

问题是这个：你已经给了div的内联css ......

width:510px; height:396px; background:url(images/Layer61new.png); position:absolute;

所以，无论你在css中提供什么水，inline-css总是会覆盖来自css的width和height

如何恢复？如果你想要一个响应式内容并删除所有内联css并通过你的css使用width和height ....因为调整大小。 ......你的东西在没有调整大小的情况下被隐藏起来.... 这不是响应的东西，它只是隐藏了混乱：）

如何设置响应式旋转木马的宽度？

5 个答案: