Question

我试图在wordpress页面中删除嵌套div的下方空间，该空间包含来自iosscripts的jquery幻灯片。我的图像是双倍大小的1000px，高度调整为：500px;

一切似乎都很好，除非我似乎无法从幻灯片放映下方删除空间，因此我可以直接在下面放置段落文本。在Safari中似乎都很好。

以下是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;
}

http://jbaphotography.co.uk/newsite/business-proposal-tender-photography/

非常感谢提前。

Answer 1

这看起来像是你班上40％的填充

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

将该填充调整一点，它应该给你想要的外观

嵌套Divs在Wordpress中容纳响应式图像幻灯片脚本

1 个答案: