Css 动态高度后浮动

我有一个JQuery图像音量控制器，宽度：100%；高度：自动

这太棒了，因为它也适用于IPhone

现在，我希望内容在JQuery滑块之后浮动，但我确实遇到了问题，因为我使用“高度自动”（height auto）来获得正确的比例，图像的宽度为100%

我尝试过：溢出：隐藏、自动和清除：两者都有；宽度：在下面的元素上为100%，我也尝试过浮动这两个元素，但是如果没有定义的高度，它将无法工作。如果我定义了一个高度，它就会起作用。。但是，我希望高度是动态的

这可以通过CSS实现，还是我需要使用JS

---

这里是站点：www. MAGTENO Dig.DK它的JoOMLA，有基础。我希望基础演示内容，在jQuery滑块之后浮动。

< P>我建议将高度设置为某个值，然后在内容更改时通过JavaScript更改它。CSS高度auto没有设置像素值，因此需要通过JavaScript定义一个像素值

将高度更改设置为JavaScript中的一个函数，您可以在$document.ready和内容更改调用中调用该函数

编辑1：

我将使用下面的代码来实现您希望执行的操作

jQuery(document).ready({
    set_img_height();
});

jQuery("#contentDIV").load("data.html", function() {
    set_img_height();
});

function set_img_height() {
    var height = jQuery('#slideshow').height();
    jQuery('.imagefade').css('height', height);
}

当然，如果我不知道你在找什么，写这篇文章有点难。但基本思路如下：

您创建了一个函数，该函数将获得幻灯片的高度，并使所有元素的高度与imagefade类相同 接下来，在处理PHP和完全加载HTML时，在document ready函数中调用此函数 最后，通过使用回调函数加载信息再次调用此函数。我不知道您是如何加载内容的，但我基本上假设您正在将一个data.html文件加载到一个id为contentDIV的div中，完成后。。。它调用下面定义的set_img_height函数。

---

这段代码可能不是为您复制和粘贴的材料，但基于您自己没有提供任何实际代码，这是我能做的最好的了。希望这至少能为你指明正确的方向

好的，谢谢，所以我写了这个，它可以工作，但是我希望它能够实时更新：var img=document.getElementById'slideshow'；变量高度=img.clientHeight；函数集\u img\u height{jQuery.imagefade'.css'height'，height；}jQuerydocument.readyset\u img\u height恼人的是，浮点，而不仅仅是处理高度：auto。。那就容易多了…我只是编辑了我的帖子来反映你的需要。如果它不能解决你的问题，希望它能为你指明正确的方向。