フォーラムの各メンバーのプロフィール ページに、切り替えたいボックスが 2 つあります。
スクリーンショット:
http://s22.postimg.org/69aqe1i29/panel.jpg
「マイバッジ」セクションの下に「概要」セクションが必要です
これはCSSだけで可能ですか?
問題のページへの直接リンク: http://idenitties.com/vanilla/profile/3/test1
フォーラムの各メンバーのプロフィール ページに、切り替えたいボックスが 2 つあります。
スクリーンショット:
http://s22.postimg.org/69aqe1i29/panel.jpg
「マイバッジ」セクションの下に「概要」セクションが必要です
これはCSSだけで可能ですか?
問題のページへの直接リンク: http://idenitties.com/vanilla/profile/3/test1
ボックスの高さが一定の場合、相対位置を使用して切り替えることができます。つまり、ボトムボックスの高さなどのためにトップボックスを下にシフトすることができます。
.Box.About {
position: relative;
top: 114px;
}
.Box.PeregrineBadgesBox {
position: relative;
top: -178px;
}
最良の方法は、HTML 内で を交換する<div>
ことですが、絶対位置を少し使用して div を移動することができます。
たとえば、これはうまくいきます:
.about{
position: absolute;
width: 230px;
bottom: -30px;
}
しかし、最良の選択肢は、HTML の順序を変更するだけで、単純にコピーして貼り付けることだと思います。