將div高度降低一定量

Question

我正在寫一個網站，並遇到問題。我有一個'卡'div，裏面有一個圖像，我使用position:relative在其中間移動了一半。我的問題是，當我在div中寫入文本時，底部總是會有一些空白，恰好是圖像一半的大小（17vw）。我看到this solution，我這樣用：calc(100% - 17vw)但它不工作。

你可以看到問題的例子在我的網站http://nuno99costa.xyz/test

Answer 1

使用margin-top: -17vw而不是top: -17vw對style.css中的54線

（您也可以刪除position: relative爲好。）

負數margin-top刪除上面的空間，而top只是移動元素。