Jquery 在Wordpress中包含响应图像幻灯片脚本的嵌套div

我试图删除wordpress页面中嵌套div下面的空间，其中包含iosscripts中的jquery幻灯片。我的图像是两倍大小的1000px，高度为500px

一切似乎都很好，除了我似乎无法删除幻灯片下方的空间，以便我可以直接在下面的段落文本。在狩猎中一切似乎都很好

下面是有问题的CSS和网址

.responsiveHeight {
   position: relative;
   height: 0;
   overflow: visible;
   padding: 0 0 40%;
}
.responsiveHeight > .inner {
   height: 100%;
   position: absolute;
   width: 100%;
}

.iosSlider {
   height: 100%;
   width: 100%;
   vertical-align: top;
   display: inline-block;
}

.iosSlider .slider {
   height: 100%;
   width: 100%;
   vertical-align: top;
   display: inline-block;
}

.iosSlider .slider img {
   vertical-align: top;
   display: inline-block;
   float: left;
   height: 100% !important;
   max-height: 500px;
   width: auto;
}

---

非常感谢。

看起来你在课堂上占了40%

.responsiveHeight {
   position: relative;
   height: 0;
   overflow: visible;
   padding: 0 0 40%;
  }

---

将填充物调低一点，它会给你想要的外观

如此简单。。。非常感谢。我完全错过了。看不见树林，看不见树木！