将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高度降低一定量

回答

相关问题