1
我有以下的标记:为什么这些元素不重叠?
<div class="promo">
<p class="preview"><a href="#"><img src="preview.png"></a></p>
<p class="caption"><a href="/">Project caption</a></p>
</div>
.promo .preview img {
display: block;
margin: 0 auto;
width: 80%;
}
.promo .caption {
background: white;
padding: 0.50em;
margin-top: -2.00em;
}
而这就是我得到:
为什么标题元素不重叠的形象呢?它确实与.preview
div重叠,没有图像。当图像有display: inline
时,它也不重叠。
This Works,thank you!你介意解释它为什么起作用吗? – Ross
编辑您的评估答案。祝你有个好的一天 :) – josemota