爲什麼這個div有頂部和底部的空白

使用這個HTML，我有一個帶有粉紅色邊框的div，沒有邊框，頂部和底部沒有空白，邊框有空，而且沒有向右看。爲什麼這個div有頂部和底部的空白

<head> 
<style> 
blockquote { 
background-color:#AAA; 
border-color:#FAA; 
border-width:5px; 
border-style:solid; 
-webkit-border-radius:10px; 
padding:0; 
} 

</style> 
</head> 
<body><blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a magna vel ante lobortis blandit. Cras justo nulla, commodo eu mollis eu, ultrices sed lorem. Nullam varius, metus eu venenatis luctus, est elit ultrices est, ut facilisis nunc nunc ac nunc. Morbi non neque vitae orci eleifend volutpat sed nec justo. Morbi a elit enim, ut tempus mi. Vestibulum a quam et diam consequat porttitor non eget urna. Curabitur tincidunt adipiscing ante non dignissim. Sed laoreet ultrices massa. Aenean hendrerit blandit sagittis.</p></blockquote></body>

如果使用TryItEditor從W3Schools的：http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic 您將看到如何有在頂部和底部的粉紅色的邊框和文字之間的間隙，填充被全部設置爲0，所以我怎麼弄擺脫這種差距？

來源

2010-12-19 Jonathan.

那是我愛你的p元素

blockquote p { 
    margin: 0; 
    padding: 0; 
}

來源

2010-12-19 22:05:17 RoToRa

的填充或保證金：d，我怎麼可能沒有意識到這一點:) – 2010-12-19 22:07:05

爲什麼這個div有頂部和底部的空白

回答

相關問題