對于這一部分內容,如果理解準確,可以更容易控制布局,節(jié)省不必要的代碼,這里將簡單研究。

 

第一部分:父子元素都是內聯(lián)元素

  代碼演示如下:

電腦培訓,計算機培訓,平面設計培訓,網頁設計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

<!DOCTYPE html>
<html>
<head>
    <title>fortest</title>
    <style>        /*第一種情況:父元素與子元素均為內聯(lián)元素時*/
        span{
            width:200px; /*失效,因為內聯(lián)元素不可設置width和height*/
        }
        a{
            width: 100%; /*失效,內聯(lián)元素設置100%也是毫無意義的*/
        }    </style>
</head>
<body>
    <span><a href="">父子元素width關系</a></span>
</body>
</html>

電腦培訓,計算機培訓,平面設計培訓,網頁設計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓

網友評論