开发者社区 问答 正文

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 2725 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:32:16 举报
    赞同 评论

    评论

    全部评论 (0)

    登录后可评论
问答地址:
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等