CSS の垂直方向の配置について何百万もの質問があることは知っていますが、少し新しい問題があると思います。
内部レイヤーのサイズは固定されていますが、ラッパーレイヤーの高さ、パーセンテージは可変で、最小高は固定されています。私が抱えている問題は、最小の高さのシナリオまたは高さの割合のシナリオのいずれかで、両方ではなく、垂直方向に中央に揃えることができることです。
解決策としては、jQuery を使用してラッパー レイヤーの高さをピクセル単位で決定し、position:rel; を使用してその場で負のマージンを内部レイヤーに適用することになると思います。上:50%; しかし、誰かが以前にこれに出くわした場合に備えて尋ねると思いました.
私のcssには次のプロパティがあります:
#container {
height:82%;
min-height:600px;
width:938px;
}
#container div {
width:400px;
height:400px;
padding:70px;
border-radius:100%;
text-align:center;
}