Question

我在我的网页上有一个Slider div和一个页脚Div。我面对这两个div的问题是，很多WhiteSpace（Gap）即将到来哪个我不想要。我正在尝试放置另一个Div现在两人之间存在，但差距问题是一样的。

这是我的HTML ..

 <div class="skdslider">
 // Slider HTML
 </div>

 <div id="footer" class="footer-shadow">
 //Footer HTML
 </div>

这是我创造的小提琴。请看它..

Fiddle

请帮我解决这个问题。谢谢

Answer 1

我不知道它的用途，但删除了以下的CSS：

.skdslider:after {
    content: '';
    padding-top: 50%; 
    display: block;
}

差距不存在。

所以，如果不需要:after，我会删除它！

Answer 2

我在评论中提到了这一点 - 你有重复的.skdslider个容器，所以它被包裹两次，而第二个容器是：后面是问题。

Answer 3

我通过将50％分别改为47.5％和49％来解决它，以便在滑块下方获得合理的差距。

.skdslider:after {
    content: '';
    padding-top: 47.5%; 
    display: block;
}
@media screen and (max-width: 600px) {
    .skdslider:after {
        padding-top: 49%;
    }
}

Slider（白色空间）介于Slider和Footer Div之间

3 个答案: