对于这一部分内容,如果理解准确,可以更容易控制布局,节省不必要的代码,这里将简单研究。

 

第一部分:父子元素都是内联元素

  代码演示如下:

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

<!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>

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式