Javascript 在div中缠绕滑块降低高度
我正在使用这个滑块。 这里是演示链接 但是我想把这个滑块放在一个div中,但是当我这样做的时候,它的高度会从100%降低到125px 原始代码Javascript 在div中缠绕滑块降低高度,javascript,jquery,html,css,height,Javascript,Jquery,Html,Css,Height,我正在使用这个滑块。 这里是演示链接 但是我想把这个滑块放在一个div中,但是当我这样做的时候,它的高度会从100%降低到125px 原始代码 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide red-slide"> <div class="title">Slide 1</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide red-slide">
<div class="title">Slide 1</div>
</div>
<div class="swiper-slide blue-slide">
<div class="title">Slide 2</div>
</div>
<div class="swiper-slide orange-slide">
<div class="title">Slide 3</div>
</div>
<div class="swiper-slide green-slide">
<div class="title">Slide 4</div>
</div>
<div class="swiper-slide pink-slide">
<div class="title">Slide 5</div>
</div>
<div class="swiper-slide red-slide">
<div class="title">Slide 6</div>
</div>
<div class="swiper-slide blue-slide">
<div class="title">Slide 7</div>
</div>
<div class="swiper-slide orange-slide">
<div class="title">Slide 8</div>
</div>
</div>
<div class="pagination"></div>
</div>
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
我的代码:
<div class="bodycontent">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide red-slide">
<div class="title">Slide 1</div>
</div>
<div class="swiper-slide blue-slide">
<div class="title">Slide 2</div>
</div>
<div class="swiper-slide orange-slide">
<div class="title">Slide 3</div>
</div>
<div class="swiper-slide green-slide">
<div class="title">Slide 4</div>
</div>
<div class="swiper-slide pink-slide">
<div class="title">Slide 5</div>
</div>
<div class="swiper-slide red-slide">
<div class="title">Slide 6</div>
</div>
<div class="swiper-slide blue-slide">
<div class="title">Slide 7</div>
</div>
<div class="swiper-slide orange-slide">
<div class="title">Slide 8</div>
</div>
</div>
<div class="pagination"></div>
</div>
</div>
幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片6
幻灯片7
幻灯片8
只需添加以下CSS:
.bodycontent {
height: 100%
}
如果它的高度设置为100%,则需要设置要添加的父元素的高度,否则它不知道100%是什么意思。添加
.bodycontent{height:100%;}
,看看这是否解决了问题。非常感谢你解决了我的问题。。它奏效了……只要把问题标记为已回答——‘接受’布雷瓦尔在下面给出的答案即可快告诉我——布雷瓦尔说了什么。