Android 溢出：隐藏位置：相对/绝对解决方案安卓4.1

这是我的第一个问题，对不起，如果我做错了什么

我试图创建一个圆形按钮，根据参数动态“填充”。我在按钮内创建了一个内部div，绝对位于底部。它在ChromeWebView上运行得非常完美，但我无法让它在android 4.1上运行

下面是它的外观： 这就是android 4.1上的外观： 这是我的代码：

<div class="col" style="padding:0px; margin: 0px; text-align:center; height:100%">
  <a  style="overflow:hidden; padding: 0px; height:125px; width:125px; border-radius: 50%; border-width:2px; background-color:rgba(255,255,255,0.0001); z-index: 2" class="button likebuttons" ng-click="voteClick(1, vote.id, thread.id) " ng-class="{'button-dislike':var==1}">
    <img style="margin:27px ; vertical-align:middle; position:relative; z-index: 1 ; width:60%; height:60%" src="img/thumbs-down.png" align="middle"></img>
    <div style="-webkit-transition: all 0.9s ease-in; height:{{(thread.get('ratio'))*100}}%; position:absolute; bottom:0; width: 100%;background-color:#db0000"></div>
  </a> </div>

“button”类是position:relative，其他类只是添加了不同的边框颜色

我尝试了我能找到的一切，但没有成功

---

谢谢

您需要更改

的块格式化上下文，并将其设置为相对位置：

---

您需要更改

的块格式化上下文，并将其设置为相对位置：

刚刚尝试，结果相同。。。溢出仍不工作：/。。好的，我将删除前缀。刚刚尝试，相同的结果。。。溢出仍不工作：/。。好的，我去掉前缀。