嵌套Div在Wordpress中安置一個響應式圖像幻燈片腳本

Question

我想從wordpress中的wordpress頁面中刪除嵌套的div下面的空間住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%; 
    } 

調整是填充低一點，它應該給你想要的外觀