質問編集履歴
1
flexboxやdisplay:inline-blockではなく、position:absoluteを使って解決したいです。
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
position:absoluteで、複数枚の画像を
|
|
1
|
+
position:absoluteで、複数枚の画像を希望の位置に配置したいです。
|
test
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
header部分
|
|
18
18
|
|
|
19
|
-
レスポンシブで、３枚の画像を
|
|
19
|
+
レスポンシブで、３枚の画像を配置したいです。
|
|
20
20
|
|
|
21
21
|
イメージとしては、以下です。
|
|
22
22
|
|
|
@@ -333,3 +333,13 @@
|
|
|
333
333
|
とりあえず,header__img部分に指定してみたのですが、
|
|
334
334
|
|
|
335
335
|
ブラウザ幅を変えてみてみると、次のsection、lead-gridとの間に余白が空きすぎてしまいました。
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
|
|
339
|
+
### その他追記
|
|
340
|
+
|
|
341
|
+
display:inline-blockなどを使えば実装は可能だと思うのですが
|
|
342
|
+
|
|
343
|
+
画像同士を重ならせたい場合など、複数の画像を希望の位置に配置したい場合についての
|
|
344
|
+
|
|
345
|
+
解決方法をご教示いただければありがたいです。
|