欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

em的继承性问题

发布时间：2025/4/14 编程问答 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 em的继承性问题 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

常规情况下em继承父级字体大小

但是当元素自身声明font-size时 元素内的em是继承自元素内的font-size的

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.main{font-size: 16px;}.floatem{/* float: left; */font-size: 2em;/* position: relative; */line-height: 3.5em;padding: 0.75em 2.5em;}</style> </head> <body><div class="main"><div class="floatem">你好</div></div> </body> </html>

　　以上为验证代码

    验证浏览器为谷歌浏览器，不排除其他浏览器的差异性

转载于:https://www.cnblogs.com/monstermr/p/10596670.html

总结

以上是生活随笔为你收集整理的em的继承性问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。