为什么给a标签设置display:block；a标签里面的p标签不显示？

Question

<div class="content_1">

     <a href="#" class="content_01"> 
       
       <img src="images/com_btn_shanghu_tushu.png">
       <p>出版物</p><!--a标签设置display:block之后，p标签不显示-->
     </a> 
     
     

     <a href="#" class="content_02"> </a>

     <a href="#"class="content_03"> </a>
 </div> 
     

Answer 1

那是因为a标签设置为display:block是不允许有它内部的嵌套块元素。
语法就是这么规定的，你把p改为内联元素试试吧。

Answer 2

a元素作为行内非替换元素，是不能放置块级元素在里面的
img是个行内替换元素,可以放在a元素中

display只是改变了元素的显示方式，但是不能改变元素的性质