شرح صفوف ومحتوى الفقرة
تتبع النسب المئوية في خاصية min-height القاعدة نفسها الخاصة بارتفاع الأب؛ فلا بد أن يمتلك العنصر الأب ارتفاعاً صريحاً محدداً حتى تُترجم قاعدة مثل min-height: 60% على الابن إلى حد أدنى فعلي بالبكسل، وإلا آلت النسبة إلى الصفر عند بقاء الأب على height: auto.
عندما تمنح حاوية أب طولاً صريحاً مثل height: 220px، تضمن قاعدة min-height: 60% أن يبدأ اللوح الابن بطول لا يقل عن 132px مع احتفاظه بحرية التمدد إن زادت فقراته.
CSS
.stage-box {
height: 200px;
padding: 12px;
box-sizing: border-box;
}
.inner-panel {
min-height: 60%;
padding: 12px;
}