下の図を見てください。実際にはY +軸はチャートの上にあり、Y軸はチャートの下に向かっています。つまり、正のY値で表される点はチャートの上にあり、負のY値で表される点は下にあるはずです。translate()のY軸の逆の動作をします。
しかし、私は私のコードでtransform: translate(50px,100px)
を使用する場合、それはブロー画像のように現れています。あなたが見ることができるように、たとえYの値を変換することが陽性であっても、要素はページの下に向かってプッシュされています。
代わりに、下の画像(「右形式」ボックスを参照してください)、つまり、それは上部に向かってプッシュされるべきで同様にする必要があります。
は慎重に画像をご参照ください(は画像にタイプミスを許しなさい)。
マイコード:以下
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
height: 100px;
background-color: yellow;
border: 1px solid black;
transform: translate(50px,100px); /* Standard syntax */
}
</style>
</head>
<body>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore consequatur amet nemo numquam, a perspiciatis maxime necessitatibus laudantium adipisci tempore,
</div>
</body>
</html>
私はあなたが達成したいことを本当に理解していません。 divを画面の左下に表示しますか? –
@ABSiddik:私の理解が間違っていれば、それは非常に良い質問ですが、私はあなたが言語の問題のためにそれをよりよく説明できないと思います。私は質問を改善しました(私の理解に基づいて)。正しくない場合は、それをロールバックして(または)必要な修正を加えてください。 – Harry