gpt4 book ai didi

html - 为什么负边距

的边框和背景位于之前的 之下

转载 作者:太空狗 更新时间:2023-10-29 16:48:30 26 4
gpt4 key购买 nike

<分区>

<img> , 其次是 <p>负边距。<p>边框和背景在 img 下.我不明白为什么。在 Firefox 和 Chromium 中也是如此。谢谢!

screenshot

#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解决了问题,但没有回答问题。

CodePen

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com