フレックスコンテナ内の特定の積み重ね順序を探しています。かなり基本的なフッタは3つのセクションに分割されているので、左右のDivsは100%の高さと20%の幅を持っています。中間は差を埋めるために曲がるが、中間は半分に分割する必要がある。トップとボトムのDivsはそれぞれ50%の高さにあります。私は、絶対的な、固定された、ectと位置を把握するように見えることができません。または何が一番うまく動くか おかげCSSを使用したフッターDIVのスタッキングCSS
[OK]を申し訳ありませんが、ここでのCSSはフレックスコンテナ内部にある
.footer_left_box {
position: absolute;
display: inline-block;
float:left;
left:0;
width: 10%;
height: 100%;
background-color:#C9D329;
}
.footer_middle_top_box {
position: relative;
display: inline-block;
width: 80%;
height: 50%;
background-color:#2BB851;
}
.footer_middle_bottom_box {
position: relative;
display: inline-block;
width: 80%;
height: 50%;
background-color:#3954D4;
}
.footer_right_box {
position: absolute;
right:0;
width: 10%;
height: 100%;
background-color:#E33538;
}
は、これは私が
StackOverflowのは、コードの書き込みサービスではありません。質問**にコード**の完全な例を掲載して、あなたがしたことを示す必要があります**。 –
ハンターが言ったように:あなたのCSSを手助けするためには、最初にあなたの["最小、完全、そして検証可能な例"](http://stackoverflow.com/help/mcve)HTMLとCSSを試してみる必要があります。あなたの問題を解決し、あなた自身の試みが失敗した理由を説明してください。あなたの将来の発展に役立つ何かを学び、この1つの問題に対する答えを得ることができます。 – andreas
@LeeAlexanderは私たちが望むレイアウトと参考用にあなたのHTMLコードを共有します – vickisys