Q&A
今回シンプルにするために<div>の中に<div>1つで質問されているようですが
<div>の中に<div>2つとかになると回答が変わります。
(横並び、縦並び、重なり等)
回答は1つの場合だけでよろしいのでしょうか？
例えば､
html
1<div class="relative"> 2<div class="absolute">ボックス1</div> 3</div> 4<footer> 5<div>ボックス1</div> 6</footer>
css
1.relative{ 2 position:relative; 3 width:100px; 4 height:100px; 5 border:1px solid; 6} 7.absolute{ 8 position:absolute; 9 width:10px; 10 height:10px; 11 border:1px solid; 12 left:0; 13 bottom:0; 14}
などとした場合､フッターがこれらpositionで指定した箱の下へ
潜ってしまうのですが､どのように解決したら宜しいでしょうか｡
無理やり､marginなどでフッター部が最下部へ来るように､指定するのが良いのでしょうか｡
今回は１つです。
「画像の横に重ねて文字」
「画像の横に重ねて文字」
「画像の横に重ねて文字」
のようにして配置して、最後に
「フッター」
実際はこのようになっています。
回答2件
0
見え方はこれで合ってますか？
...フッターがこれらpositionで指定した箱の下へ潜ってしまうのですが､...
HTMLの書いている順番でpositionクラスの下に表示されているので、普通だと思いますが、
無理やり､marginなどでフッター部が最下部へ来るように､指定するのが良いのでしょうか｡
最下部というのは、ブラウザで表示エリアの最下部という認識で合ってますか？
display:flexを使うか、フッター部の親に当たる要素をrelativeにしないといけないのでは？
divを２つ書いている意味がよくわからないので、返答はこれで限界かと・・・
何かの参考になれば・・・
投稿2020/09/28 03:34
総合スコア241
0
オーバーフローさせなければよいのでは？
10px/10pxに文字は入れられませんから
投稿2020/09/28 03:29
総合スコア114987
あなたの回答
tips
プレビュー
