Skip to main content
タイトルからタグ的な表現を削除しました
リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117

<CSS>position positionを使って配置した画像2つの位置を固定したい

本文に 38 文字追加
ソース リンク

簡単な質問かもしれませんがハマってしまってわかりません。
positionのrelativeとabsoluteを使って画像を2つ少し重ねて配置しました。

PCのウインドウサイズ?の拡大・縮小を行うと位置がずれていって100%の際に配置した場所からずれていってしまいます。

ずっと同じように配置しておきたいのですが、拡大・縮小をしてもレイアウトが崩れない方法を教えてください。
よろしくお願いいたします。

以下参考コードです。

 
</head>
<body>
<img src="test.jpg" width="25%" style="position: relative;">
</br>
<img src="test2.jpg" width="19%" style="position: absolute; left: 100px; top: 57px;">
</body>

簡単な質問かもしれませんがハマってしまってわかりません。
positionのrelativeとabsoluteを使って画像を2つ少し重ねて配置しました。

PCのウインドウサイズ?の拡大・縮小を行うと位置がずれていって100%の際に配置した場所からずれていってしまいます。

ずっと同じように配置しておきたいのですが、拡大・縮小をしてもレイアウトが崩れない方法を教えてください。
よろしくお願いいたします。

以下参考コードです。

 

簡単な質問かもしれませんがハマってしまってわかりません。
positionのrelativeとabsoluteを使って画像を2つ少し重ねて配置しました。

PCのウインドウサイズ?の拡大・縮小を行うと位置がずれていって100%の際に配置した場所からずれていってしまいます。

ずっと同じように配置しておきたいのですが、拡大・縮小をしてもレイアウトが崩れない方法を教えてください。
よろしくお願いいたします。

以下参考コードです。

</head>
<body>
<img src="test.jpg" width="25%" style="position: relative;">
</br>
<img src="test2.jpg" width="19%" style="position: absolute; left: 100px; top: 57px;">
</body>
ソース リンク

<CSS>positionを使って配置した画像2つの位置を固定したい

簡単な質問かもしれませんがハマってしまってわかりません。
positionのrelativeとabsoluteを使って画像を2つ少し重ねて配置しました。

PCのウインドウサイズ?の拡大・縮小を行うと位置がずれていって100%の際に配置した場所からずれていってしまいます。

ずっと同じように配置しておきたいのですが、拡大・縮小をしてもレイアウトが崩れない方法を教えてください。
よろしくお願いいたします。

以下参考コードです。