2 qq 33549754 qq_33549754 于 2017.09.09 17:56 提问

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

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

8个回答

qq_35446430
qq_35446430   2017.09.09 18:13

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

qq_37782658
qq_37782658   2017.09.09 17:59

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

qq_40152814
qq_40152814 啦啦啦
2 个月之前 回复
qq_33549754
qq_33549754 请问有没有办法把粉框包括在div的框里呢
2 个月之前 回复
qq_33549754
qq_33549754   2017.09.09 18:02

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

paopao_2017
paopao_2017 去掉padding就行。你的padding=10px,把粉框撑大了。
2 个月之前 回复
csdnlaiyanqi
csdnlaiyanqi   2017.09.09 18:26

去掉magging和padding试下

u014496424
u014496424   2017.09.09 18:35

去掉magging和padding

fkblack
fkblack   2017.09.09 19:45

因为你设置了padding=10

qq_32900483
qq_32900483   2017.09.10 07:32

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

qq_32900483
qq_32900483 要解决这个问题,你只需要给div元素添加上边框、上内边距或者overflow: hidden;三个样式任意一个属性,就可以解决了,你可以自己撸码试试。
2 个月之前 回复
sunny_desmond
sunny_desmond   2017.09.11 09:31

a 加上display:inline-block 试试

Csdn user default icon
上传中...
上传图片
插入图片