各位大神，我刚刚学习HTML，想请教一下，为什么<a>元素粉色的框高于<div>的框?

css:
#a1{ border:dotted #FF6666; padding:10px; margin: 10px; background-image:url(images/ppt水墨背景.jpg);}
#div1{ height:50px;}

谢谢！

你设置了padding和margin就是给a标签增加了宽高

请问有没有办法把粉框包括在div的框里呢

这种问题基本没人回答你的，因为太简单了

去掉magging和padding试下

去掉magging和padding

因为你设置了padding=10

你这是遇到了margin的两个小BUG之一，嵌套块元素垂直外边距合并的情况，也就是，在你的div元素没有设置上边框、上内边距或者overflow: hidden;几个样式任一时，盒子里面的a元素设置了外边距值margin: 10px; 这时a元素设置的margin-top的值会变成他的父级元素div。

a 加上display:inline-block 试试