当父高度未定义时，让孩子占据其父级的100％

Question

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

我已向<p>申请了<a>来制作<p>＆amp; <a>出现在一行中。

我已将填充应用于<DIV>，导致<P>高度扩大。我现在想让<DIV>占据<DIV>高度的100％。我怎么能这样做？

我知道如果我为<p>分配了一个特定的高度，然后将{{1}}设置为高度：100％，它就会起作用。但是，我正在尝试使我的CSS代码可重用，并且不希望硬代码高度。

这是fiddle。

Answer 1

您不应将float应用于<p>，以使其显示在div的一行上。请改用display: inline-block。

小提琴：http://jsfiddle.net/nLX75/5/

float元素从文档流中取出。因此，他们不会知道＆＃34;关于他们父母的身高了。因此，您无法真正依赖float元素父母的布局属性来正确设置样式。