开发者社区> 问答> 正文

position:relative配合top:10%无效是什么原因?

.btn-wrap{width: 90%;  margin: 0 auto;  position: relative;top:50%; }
a.btn-rgl{display:block;background:#FD5F56;height:40px;color:#fff;}
<div class="btn-wrap">
<a href="#" class="btn-rgl">我怎么没动?</a>
</div>

screenshot

展开
收起
杨冬芳 2016-06-08 16:29:34 2673 0
1 条回答
写回答
取消 提交回答
  • IT从业

    父级元素没有高度,百分比无论多大浏览器都解析不出具体数值。
    你可以测试:
    1 50%改成50px,效果就出现了
    2 给父级加上高度,例如:html,body{height:100%;}

    2019-07-17 19:32:16
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Top 5 mistakes when wriiting a 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载