Css Div包含绝对定位元素，因此没有高度

我正在使用

cycle.js

创建一个旋转横幅。该循环使用横幅链接上的

位置：绝对

问题是，包含div的高度现在为零，因此下面的内容重叠并被隐藏

如何使div
幻灯片具有高度？需要反应灵敏，因此不能设置高度

<div id="feature">
   <div class="slideshow" style="position: relative;">
        <a href="/guarantees.aspx" style="position: absolute; top: 0px; left: 0px; 
              display: none; z-index: 2; opacity: 0; width: 682px; height: 258px;">
           <img alt="" src="/images/mobile/banner1.jpg">
        </a>
        <a href="/fencing.aspx" style="position: absolute; top: 0px; left: 0px; 
            display: block; z-index: 3; opacity: 1; width: 682px; height: 259px;">
           <img alt="" src="/images/mobile/banner2.jpg">
        </a>
   </div>
   <div id="pageNav">
        <a href="#" class="">&nbsp;</a>
        <a href="#" class="activeSlide">&nbsp;</a>
   </div>
</div>

我想您唯一的选择是将事件处理程序绑定到，并通过检测
窗口的宽度来设置
的
高度（如果您愿意，也可以使用当前图像<代码>高度；Cycle提供了一种方法，您可以通过该方法在更改图像时绑定回调函数来设置新高度）

因为您正在使用Javascript处理当前的图像维度，所以这不应该成为问题

无论如何，也许你应该考虑使用另一个滑动插件（或者编写你自己的函数）来解决你的需求：不使用<代码>位置：绝对< /代码>。循环是相当古老的，可能不是建立起一个反应性的心态（我知道同一个DEV正在用一个更现代的方法来工作）。.
为什么不能设置高度？您尝试过百分比吗？例如
高度：100%
？@MaximGrishin height 100%不起作用（仍然输出0高度）它不能被设置，因为高度取决于浏览器的宽度，所以需要扩展到div中的给定内容。你能提供一个你的问题的例子吗？我刚刚给你的第二个
a`标记添加了背景色，它没有隐藏。在我看来，你将高度设置为
a
标记a有点奇怪我不想设置高度，高度是由JavaScript创建的。