子页面打开后绝对定位的问题

分类：MUI

mui

在子页面使用css样式将一个按钮绝对定位到底部，在hbuilder的web浏览器上是显示的，但是手机不显示。
手机是小米NOTE

<!DOCTYPE html>  
<html>  

    <head>  
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <title></title>  
        <script src="../js/mui.min.js"></script>  
        <link href="../css/mui.min.css" rel="stylesheet" />  
        <script type="text/javascript" charset="utf-8">  
            mui.init();  
        </script>  
        <style>  
            footer {  
                width: 100%;  
                height: 44px;  
                position: absolute;  
                bottom: 0px;  
                line-height: 44px;  
                text-align: center;  
                color: #FFF;  
            }  

            .fbt {  
                width: 50%;  
                height: 100%;  
                background-color: #AAAAAA;  
                float: left;  
            }  

            .fbt:active {  
                -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);  
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);  
            }  

            #photo {  
                margin-bottom: 15px;  
                margin-top: 15px;  
            }  
        </style>  
    </head>  

        <body >  

        <div id="photo" >  
        </div>  
            <footer>  
            <div class="fbt " id="loginOut ">切换用户</div>  
            <div class="fbt " id="exit ">退出系统</div>  
        </footer>  
    </body>  

</html>

test3.zip

2016-01-06 10:29 负责人:无分享

2 个回复

DCloud_UNI_FXY

看看是不是你的子页面的webview的style的bottom不是0

亦可赛艇 (作者)

是0啊

var subpage_style = {

top: '90px',

buttom:'0px'
```
        };
```
2016-01-06 16:28
DCloud_UNI_FXY

回复亦可赛艇:发测试工程

2016-01-06 16:46
亦可赛艇 (作者)

回复 DCloud_UNI_FXY:已传，在问题附件里

2016-01-06 17:16
亦可赛艇 (作者)

回复 DCloud_UNI_FXY:？？？怎么样

2016-01-07 12:10

DCloud_UNI_FXY

var subpage_style = {  
                top: '90px',  
                bottom:'0px';//不是buttom，拼写错误  
            };

亦可赛艇 (作者)

我重新写了一遍就好了，真傻X

2016-01-08 13:22

该问题目前已经被锁定, 无法添加新回复

子页面打开后绝对定位的问题

2 个回复

公告

相关问题

子页面打开后绝对定位的问题

与内容相关的链接

2 个回复

公告

相关问题