css - 当父级高度未定义时，使子级占据其父级的 100%

Question

我有一个父容器，<DIV>和两个子容器 <p>和 <a> .

我已将 float 应用到 <p>制作<a> & <p>出现在一条线上。

我已将填充应用于 <a>这导致<DIV>以扩大高度。我现在想制作 <P>占据<DIV>的100%高度.我该怎么做？

我知道如果我为 <DIV> 指定一个特定的高度它会起作用然后设置 <p>到高度:100%。但是，我正在尝试使我的 CSS 代码可重用，并且不想对高度进行硬编码。

这是一个fiddle .

Answer 1

你不应该申请 float至 <p>使其与 div 显示在同一行.使用 display: inline-block相反。

fiddle :http://jsfiddle.net/nLX75/5/

float ing 元素从文档流中取出。因此，他们“不知道” parent 的高度了。所以你不能真正依赖 float 的布局属性ing 元素的父元素以正确设置它的样式。