gpt4 book ai didi

jQuery cycle.lite 插件 - 如何给包含 div 响应高度?

转载 作者:太空宇宙 更新时间:2023-11-04 13:31:57 26 4
gpt4 key购买 nike

如何设置此页面的样式,使包含幻灯片的 div 的高度与幻灯片中图像的高度相同?

<html>
<style>
img {width:100%;}
</style>

<h1>Screenshots</h1>
<div id="slide" style="position: relative;">
<img src="https://multibit.org/images/en/screenshots/help-contents.png" >
<img src="https://multibit.org/images/en/screenshots/send.png" >
</div>
<h1>Hidden text - how can I see it? This text is hidden under the slide show. </h1>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://multibit.org/jquery/plugins/cycle/jquery.cycle.lite.js"></script>
<script>
$(function() {
$('#slide').cycle({
delay: -1000,
});
});
</script>
</html>

enter image description here

目前 div 的高度似乎为零,因此下面的文本隐藏在幻灯片下方。谢谢!

最佳答案

解释:

由于其中图像的绝对定位,您的幻灯片 div 的高度正在折叠,即它的高度正在折叠为零。

您可以通过在父 div 上设置最小高度来解决此问题:

#slide { min-height:352px; }

这是一个 working FIDDLE

关于jQuery cycle.lite 插件 - 如何给包含 div 响应高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23304437/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com