内部的p元素的border为何没有紧紧贴着外面的div的border? 财富值22

2016-10-15 18:03发布

<html> <meta charset="UTF-8"> <head> <style> div{   width:300px;   height:80px;   border:solid 1px red;   } p{   width:80%;   font-size:30px;   height:35px;   border:solid 1px red; } </style> </head> <body> <div> <p></p>  </div> </body> </html>  上面的html产生的结果如下: 

内部的p元素的top border为何没有紧紧贴着外面的div的top border?

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。