div 大小无法正确加载 HTML答案

【问题标题】：Div size won't properly load HTMLdiv 大小无法正确加载 HTML
【发布时间】：2013-09-20 18:34:12
【问题描述】：

我使用 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>

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

我只需要帮助来确定可能导致 Div“swiper-container-third”等于 1319px x 0px 和“swiper-wrapper”等于 0px x 0px 的原因。任何帮助将不胜感激！

【问题讨论】：

你能设置一个jsFiddle吗？
我的钱花在所有内部 div 上，无论是定位还是浮动。

标签： javascript html css

【解决方案1】：

我在我目前的项目中大量使用了这个插件。以下是几个原因：

.swiper-container-third 和 .swiper-slide 没有高度在 CSS 中指定。你必须这样做。两者都必须有宽度和高度相等。
你错过了 IDangerous 提供的 CSS 吗？

【讨论】：