將div高度降低一定量

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

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

來源

2017-11-18 Nuno Costa

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

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

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

來源

2017-11-18 02:29:26

css'translate'是另一個方便使用的功能 – admcfajn

非常感謝，這就像一個魅力。 –

@admcfajn你可以使用它，但它仍然有空白問題:) –

將div高度降低一定量

回答

相關問題