-1

我正在尝试构建一个响应式 jQuery Cycle 实现。我已经构建了布局，使其类似于 2 行 2 列的表。第一列是 25% 的宽度，带有height: auto. 第二行基本上具有固定的高度。

第二列中的两个单元格独立循环，但似乎作为一个元素循环（我认为这不相关，但我想彻底）

我遇到的问题是 jQuery Cycle 将position:absolute（我理解为什么）添加到循环元素中；但是，我无法弄清楚为什么右上列（第一行，第二列）的高度是这样的。

如果我强制定位，position:relative !important'我会得到必要的高度，但循环显然存在问题。

我试过了cssBefore，cssAfter我能想到的每一种风格组合，都无济于事。如果您查看下面引用的 codepen，取消注释position:relative !important将显示最接近的我来。

我正在使用 jQuery Cycle v 3.0.2。

你可以在http://codepen.io/chrisrockwell/pen/uafeD看到这个例子。如果您搜索（在 Windows 上按 CTRL+F）取消注释下一行，您将看到取消注释以强制该位置，以及显示如何运行。

另请注意，我已禁用 codepen 上的自动运行，因此您需要单击JavaScript 窗口上方的RUN以重新初始化循环。

谢谢你的帮助！

4

1 回答 1

0

嗯..对您的代码进行了一些更改。看看这是不是你需要的：http ://codepen.io/adityadineshsaxena/pen/hvmro

CSS 更改：

.left-top{
  height: 365px !important;
}

.carousel-body {
    color: cyan;
    p {
      padding-top: 0;
      margin-top:5px;
      margin-bottom:5px;
    }
  }
于 2013-08-17T06:03:28.383 回答