为什么IE下<button>中的<span>显示不完全？
把span绝对定位到button的右上角。在chrome，ff下都表现正常，ie下却显示不完全，这是什么原因？
<button class="eui-btn eui-btn-blue btn-upload">附件
<span class="badge">1</span>
</button>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IE8+的默认样式表里面有这一句：
button { background-color: #F0F0F0; border-width: 3px; box-sizing: border-box; font-family: sans-serif; font-size: 10pt; overflow: hidden; padding: 1px 8px; text-align: center; zoom: 1; }所以你需要额外的取消覆写掉overflow:hidden，否则button元素的子元素的溢出部分将会被隐藏。
全选复制放进笔记.eui-btn { overflow:visible; }
2019-07-17 19:14:29赞同 展开评论
相关问答