2つ以上のdivが重なり合う必要があります(いくつかの移行効果、つまりタブの切り替えと遅い消滅が原因です)。divを互いに重なり合わせるようにするにはどうすればいいですか?
これらの2つのdivの下にはフッター要素があります。
position: absolute
を使用すると、親要素が折りたたまれ、divsがフッター要素と重なって表示されます。
私はスクリプトで最も高い高さを計算できます。しかし、親要素の高さを最大の高さに保つCSSの方法がありますが、子供たちは視覚的に重なり合っていますか?
EDIT:子供の幅も不明であり、デザイン的には反応する。
.parent{
\t border: 1px solid green;
\t position: relative;
}
.one{
\t background-color: red;
\t position: absolute;
\t width: 300px;
}
.two{
\t background-color: blue;
\t position: absolute;
\t width: 400px;
}
footer{
\t border: 1px solid magenta;
\t text-align: right;
}
<div class="parent">
\t <div class="one">
\t \t Div one to overlap. Height unknown, width unknown<br>
\t \t Div one to overlap. Height unknown, width unknown<br>
\t \t Div one to overlap. Height unknown, width unknown<br>
\t </div>
\t <div class="two">
\t \t Div two to overlap. Height unknown, width unknown<br>
\t \t Div two to overlap. Height unknown, width unknown<br>
\t </div>
\t <!-- ... --->
\t <footer>
\t \t Footer must be below all divs
\t </footer>
</div>
私はまた、 'float'と' overflow'を試してみました。 https://jsfiddle.net/dt7gvnsy/ –