2017-11-18 10 views
0

私はウェブサイトを作成していますが、問題があります。私はposition:relativeを使用して、その外側に移動したイメージを内部に持つ 'カード' divを持っています。私の問題は、上記のdivの中にテキストを書くと、画像の半分のサイズ(17vw)のちょっとした空白が常にあることです。divの高さを設定した分だけ減らす

私はthis solutionを見ましたが、私はこれをこのように使用しました:calc(100% - 17vw)しかし、それは動作していません。

あなたはhttp://nuno99costa.xyz/test

答えて

1

に私のウェブサイトで利用margin-top: -17vw代わりのstyle.cssに

のライン54上のtop: -17vwを問題の例を見ることができます(あなたはまた、同様にposition: relativeを削除することができます。)

負の値のmargin-topは上記のスペースを削除しますが、topはエレメントの移動だけです。

+0

css 'translate'は別の便利な機能です – admcfajn

+0

ありがとう、魅力的なように働いてくれてありがとう。 –

+1

@admcfajnあなたはそれを使うことができますが、まだ空白の問題があります:) –

関連する問題