为什么这个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有顶部和底部的空白

回答

相关问题