добавил 1 абзацик о min-height

golovewkin · golovewkin · commit 87759dd295ba · 2015-09-04T09:53:31.000+03:00
Проблема с height: 100%, проявляющуюся, когда у родительского элемента не установлен height, но указан min-height
Вычитано с Хабра
diff --git a/8-css-for-js/14-height-percent/article.md b/8-css-for-js/14-height-percent/article.md
@@ -132,10 +132,25 @@ CSS:
 
 [iframe src="height-percent" height=160 link edit]
 
+## Проблема с height: 100%, проявляющуюся, когда у родительского элемента не установлен height, но указан min-height
+
+Вам необходимо установить height: 1px для родителя, чтобы дочерний элемент смог занять всю высоту указанную в min-height.
+```css
+.parent {
+    min-height: 300px;
+    height: 1px; /* Требуется, чтобы дочерний блок взял высоту 100% */
+}
+ 
+.child {
+    height: 100%;
+}
+```
+
 ## Итого
 
 <ul>
 <li>Свойство `height`, указанное в %, работает только если для внешнего блока указана высота.</li>
 <li>Стандарт CSS 2.1 предоставляет обход этой проблемы, отдельно указывая, что проценты работают при `position:absolute`. На практике это часто выручает.
 </li>
-</ul>
+<li>Если у родительского элемента не установлено height, а указано min-height, то, чтобы дочерний блок занял 100% высоты, нужно родителю поставить свойство height: 1px; </li>
+</ul>
