Div大小无法正确加载HTML

Question

我使用HTML，CSS，Javascript编写本地电话业务的电话应用程序，并使用Phone Gap进行编译。 目前，我在使用IDangerous Swiper CSS调整Div大小时遇到​​了问题。 当我加载页面时，Div显示大小为0px x 0px，但宽度和高度设置为100％。 仅在重新加载页面后才加载。

<div data-role="content">
<div class="swiper-container-third center";>
    <div class="swiper-wrapper center";>
        <!--First Slide-->
        <div class="swiper-slide center"> 
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-brandpromo.jpg"/>
    </div>
    <!--Second Slide-->
    <div class="swiper-slide center">
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-broadband.jpg"/>
    </div>
    <!--Third Slide-->
    <div class="swiper-slide center">
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-video.jpg"/>
    </div>
</div>
</div>

类“ center”只是表示text-align: center !important; CSS text-align: center !important;

我只是需要帮助弄清楚那将导致Div的“ swiper-container-third”等于1319px x 0px，而“ swiper-wrapper”等于0px x 0px可能是什么。 任何帮助将不胜感激！

Answer 1

我在当前项目中集中使用了此插件。 原因如下：

1. .swiper-container-third和.swiper-slide没有在CSS中指定的高度。 你必须要。 两者的宽度和高度必须相等。
2. 您是否错过了IDangerous提供的CSS？