對于這一部分內容,如果理解準確,可以更容易控制布局,節(jié)省不必要的代碼,這里將簡單研究。
第一部分:父子元素都是內聯(lián)元素
代碼演示如下:
<!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>