CSS这样的语法，细节问题非常多，往往一些难以处理的问题，有可能是一些细节问题不到位，所以先记下一些，留给以后自己看看。
1.line-height:150%与line-height:1.5 的区别
.main{ font-size:12px; line-height:150%; margin:20px; border:1px solid #ccc; } .main p{ font-size:20px; }
<div class="main"> <p>This is a test!</p> </div>
当父容器为line-height:150%时，子元素P的line-height是按父容器的font-size*line-height来计算得出的是为18px;
然后当父容器为line-height:1.5时
.main{ font-size:12px; line-height:1.5; margin:20px; border:1px solid #ccc; } .main p{ font-size:20px; }
子元素P的line-height是按父容器的line-height*自己的font-size计算得出的，所以是30px;
虽然是一个小问题，但是在排版的时候，不注意的话，会有意想不到的效果的。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。