我正在写一个网站,但是有问题。我有一个'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只会移动元素。

09-19 03:34