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

时间:2013-06-18 07:48:12

标签: css css-float

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

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

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

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

这是fiddle

1 个答案:

答案 0 :(得分:1)

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

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

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

相关问题