对于这一部分内容，如果理解准确，可以更容易控制布局，节省不必要的代码，这里将简单研究。
第一部分：父子元素都是内联元素
代码演示如下：
<!DOCTYPE html>
<html>
<head>
<title>fortest</title>
<style> /*第一种情况：父元素与子元素均为内联元素时*/
span{
width:200px; /*失效，因为内联元素不可设置width和height*/
}
a{
width: 100%; /*失效，内联元素设置100%也是毫无意义的*/
} </style>
</head>
<body>
<span><a href="">父子元素width关系</a></span>
</body>
</html>