小编Rap*_*hos的帖子
为什么负边距<p>的边框和背景位于先前的<img>下
An <img>，后跟一个<p>负边距的a。在<p>边框和背景是否下img。我不明白为什么。在Firefox和Chromium中相同。谢谢 ！
#d1 {
width:400px;
}
#d1 img {
max-width:350px;
}
.caption {
color:red;
font-size:2em;
border:3px solid red;
margin-top:-40px;
background:#eee;
padding:10px;
/*position:relative;*/
}<div id="d1">
<img src="https://i.kym-cdn.com/entries/icons/mobile/000/018/012/this_is_fine.jpg">
<p class="caption">This is fine.</p>
</div>添加position:relative到.caption解决问题，但不回答这个问题。
5
推荐指数
推荐指数
1
解决办法
解决办法
103
查看次数
查看次数