我正在写一个网站,但是有问题。我有一个'card'div,里面有一个图像,我使用position:relative
将其移到了其中一半。我的问题是,当我在div内写文本时,底部总是有一点空白,恰好是图像一半的大小(17vw)。
我看到了this solution,并按如下方式使用它:calc(100% - 17vw)
,但是它不起作用。
您可以在我的网站http://nuno99costa.xyz/test上看到问题的示例
最佳答案
在style.css的第54行上使用margin-top: -17vw
代替top: -17vw
(您也可以删除position: relative
。)
负margin-top
会删除上方的空间,而top
只会移动元素。