0

このフィドルは、私が持っているマークアップの非常に基本的なバージョンを示しています。.module-container'sのサイズを230px（最小の高さ）から300px（最大の高さ）の間で変更したい。基本的に私が知りたいのは、に最小/最大の高さを設定し.rowて.module-container'saを指定するか、それぞれに（最小/最大）の高さと100％の高さをheight: 100%;明示的に指定し、それを含むだけでラップするかです。その周りのように.module-container.row

min-height: 14.375em; /* 230px, 1em=16px */
height: 100%;
max-height: 18.75em; /* 300px, 1em=16px */

私が期待しているのは、divが230pxから300pxの間で大きくなることです。しかし、それは、含ま.rowれているコンテナに明示的な高さがなく、したがってそれぞれをラップしている場合に機能し.columnますか？

4

2 に答える 2

0

ブロック要素は% height、その親要素に高さプロパティがある場合に持つことができます。

html、、、および他bodyのdiv.rowすべての親要素は、height:100%またはそれ自体の高さの値に設定する必要があります。

于 2012-05-10T08:44:50.730 に答える
0

に設定し.module-containerます。レベル要素は拡張されて内部要素をラップするheight: 100%;ため、設定する必要はありません。block

于 2012-05-10T09:33:06.233 に答える