html - 100% 高度到没有高度的父级

Question

是的，我一直在对宽度进行一些高度调整，但似乎无法使用 html5 和 css3 使其正常工作。

---

HTML

 1. <section>
 2.    <article>
 3.       Article 1
 4.    </article>
 5.    <article>
 6.       Article 2
 7.    </article>
 8.    <article>
 9.       Article 3
 10.   </article>
 11. </section>

---

CSS

 1.   section {
 2.       float: left;
 3.       width: 100%;
 4.   }
 5.   section article {
 6.       float: left;
 7.       width: 33.3%;
 8.       min-height: 100%;
 9.   }

---

我想要的结果是根据文章高度使部分可扩展，而不必在部分上定义固定高度。但似乎无法让它工作。有什么建议么？？:D

Answer 1

为这个问题找到了一个解决方案：http : //css-tricks.com/fluid-width-equal-height-columns/ 在一个学校项目的中间..是的..