jQuery循环布局问题-添加了内联样式(位置:绝对)，导致布局问题

Question

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

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

我遇到的问题是jQuery Cycle将position:absolute（我理解为什么）添加到循环元素中；然而，我不明白为什么右上栏（第一行，第二列）的高度是这样的。

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

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

我使用的是jQuery Cycle 3.0.2版。

您可以在http://codepen.io/chrisrockwell/pen/uafeD.如果搜索（窗口上的CTRL+F）取消注释下一行，您将看到要取消注释以强制执行位置的内容，以及显示如何运行。

还要注意，我已经禁用了代码笔上的自动运行，因此您需要单击JavaScript窗口上方的RUN来重新初始化循环。

谢谢你的帮助！

Answer 1

嗯。。对代码进行了一些更改。看看这是否是您所需要的：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;
    }
  }