0

我有一个带有这个主要 HTML 的混合应用程序。

<body>
    <div>
        <div id="AppBody" >
            <div>
                <section id="hoy">
                    pppppppp 
                </section>      
                <section id="productos"> 
                    kkkkkkkkk
                </section>
            </div>

            <div>
                <section id="rendimiento"> 
                    lllllllllll
                </section>
            </div> 
        </div>

    </div>
</body>

和CSS：

#AppBody {
    display: -webkit-box;
}

section#hoy{
    width: 94%;
    float: right;
    position: relative;
}

section#productos{
    width: 94%;
    float: right;
    margin-top: 5px;
    position: relative;
}

section#rendimiento{
    width: 94%;
    float:left;
    position: relative;
}

在我的带有 Chrome 的笔记本电脑中，它可以正确显示。同样在我的带有 Android 4.1.2 的三星 Galaxy S3 Mini 中

在 Safari 和 iPad 中也可以很好地显示。

但在搭载 Android 4.0.4 的三星 Galaxy Tablet 10.1 中，第三个 div 显示在之前的 div 下方，而不是与其他 div 平行显示在顶部。

任何想法？谢谢你。

4

0 回答 0