CSS中各种长度单位总结

在前端开发工作过程中曾碰到这样一问题:

<style type="text/css">
.parent{ width:400px; height:300px; border:1px solid #ccc; }
.child{ margin:10%; background-color: red; }
</style>
<div class="parent">
    <div class="child"></div>
</div><style type="text/css">
.