當父母身高未定義時，讓孩子佔據其父母的100％

我申請一個浮子<p>使<a> & <p>出現在同一行。

我已經應用填充到<a>這導致<DIV>高度展開。我現在想讓<P>佔據100％的高度<DIV>。我怎樣才能做到這一點？

我知道這會工作，如果我分配一個特定的高度<DIV>，然後將<p>設置爲高度：100％。但是，我試圖讓我的CSS代碼可重用，並且不想硬編碼高度。

這是fiddle。

2013-06-18 big_smile

是否這樣？ http://jsfiddle.net/nLX75/2/ –

@ExplosionPills，這很好，不知道這個伎倆，難道你沒有一個更優雅的方式來做到這一點？ – Jaay

@ExplosionPills，這真的很方便，但有什麼方法可以在紅框中垂直居中文本。另外，請你可以張貼你的小提琴作爲答案，讓我可以upvote它。 –

您不應將float應用於<p>，以使其與div在一行中顯示。改爲使用display: inline-block。

float荷蘭國際集團的元件取出的文件流。因此他們「不知道」父母的高度了。所以你不能真正依靠一個 ing元素的父母的佈局屬性來正確地設計它。

2013-06-18 08:03:16

太棒了，謝謝！但是，P的紅色背景不會填充DIV。無論如何要做到這一點？ –

回答