Swiper怎么才能放到div中呢？

optimismyx

<div class="swiper-container" style="width: 90%;height: 80%">
        <div class="swiper-wrapper">
                <div class="swiper-slide" style="margin: 0px">1</div>
               <div class="swiper-slide" style="margin: 0px">1</div>
               <div class="swiper-slide" style="margin: 0px">1</div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Navigation -->
        <div class="swiper-button-prev" ></div>
        <div class="swiper-button-next" ></div>
       
        <div class="swiper-scrollbar"></div>
</div>

我想把这段代码放在某个div中，因为页面布局需要。但是一放进去 swiper就显示的乱七八糟的

alicss.com

无语。。。布局乱跟swiper 无关，而是你的CSS 和框架什么的写的不对