プログラミングでのcssの質問です。 画像をペアで重ね合わせる方法が分かりません。

HTML、CSS15閲覧xmlns="http://www.w3.org/2000/svg">100

ベストアンサー

0

その他の回答(1件)

0

https://jsfiddle.net/k64fuedv/ 横に並べたいならdivが横に並ぶようにする(.wrapperにdisplay: inline-blockとか)。 absoluteを指定すると、自分の兄弟を無視して、親コンテナの位置だけを基準に位置決めするようになる。 「#i2を親コンテナ(div)の一番左から初めて0px(left: 0)」に配置したので、その位置にいる#i1と表示位置が被ったわけだ。 また、absolute要素は親コンテナのサイズを決める際の計算から除外される。 (この場合、inline-blockにしたdivは横幅100のimgが2つで横幅200になるはずだが、absoluteの方のimgが除外されるのでdivも横幅100になる) それと、id名やクラス名の先頭に数字は使えない。これは文法的なルール。