小程序wxss显示底部居中如何控制

Question

问题遇到的现象和发生背景

小程序wxss显示底部居中如何控制

遇到的现象和发生背景，请写出第一个错误信息

图中按钮是固定在下方的，现在想要倒计时部分的view可以靠在按钮上方并且居中，现在代码如下
wxml：

 <view class='content'>
        <text style="display: block;text-align: center;font-size: 30px;">
            倒计时：\n{{ticker}}
        </text>
    </view>
    <button class='btn' bindtap='tapChange'>点击</button>

wxss

  .content{
        font-family: 微软雅黑;
        color: white;
        bottom:47px;
        padding:0px;
        margin:0px;
        position:absolute;
        text-align: center;
    } 
        .btn{  
        width:100%;  
        border-radius: 3px;  
        padding-top:2px;  
        font-size:14px;  
        background-color:#CC3333;  
        color:white;  
        overflow:hidden;  
        height:45px;  
        bottom: 0;
        position: fixed;
    }  

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

运行结果及详细报错内容

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

Answer 1

要给absolute的元素加width:100%

  .content{
        width:100%;  
        font-family: 微软雅黑;