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
總結
- 上一篇: Python2与Python3的区别:
- 下一篇: 再见,北京。