Android HTML CSS“；位置：相对“；在三星Galaxy Tab 10.1安卓4.0.4中显示不佳_Android_Css_Hybrid Mobile App

Android HTML CSS“；位置：相对“；在三星Galaxy Tab 10.1安卓4.0.4中显示不佳

android css

Android HTML CSS“；位置：相对“；在三星Galaxy Tab 10.1安卓4.0.4中显示不佳,android,css,hybrid-mobile-app,Android,Css,Hybrid Mobile App,我有一个混合应用程序与这个主要的HTML <body> <div> <div id="AppBody" > <div> <section id="hoy"> pppppppp </section> <section id="

我有一个混合应用程序与这个主要的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>

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

在Safari和iPad中，它也能很好地显示出来

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

有什么想法吗？谢谢。

如果没有代码来重现问题，就无法进行诊断。你是对的，我忘记了测试用例。我已经编辑了这个问题以添加测试用例代码。

#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;
}