2013-07-18 18 views
0

請參閱本codepen:http://codepen.io/aaron/pen/Anqri元素需要百分比高度,但實際數量並不重要

如果.item-container的高度更改爲任何其他陽性率,沒有任何反應。但是,將高度更改爲負值百分比,像素值或將其刪除會導致圖像增長並且不再是25%。

我不明白爲什麼百分比高度是必要的,但數字並不重要。

+0

它可能是你的內聯塊,改變阻塞。然後浮動你的.item容器。 –

+0

@ParkerHutchinson我嘗試了你的建議,但沒有效果。 – Aaron

回答

1

這是因爲.item-container的父母沒有明確的身高。 CSS中的百分比值取決於在父項上設置的顯式值。

+0

我把'height:100%;'和'height:10%;'放在'.collection-container'上,沒有什麼區別。 – Aaron

+0

同樣的原因,您必須使用所有父元素上的百分比值一路回到body和html,或者使用像素或其中一個元素中的其他單位設置顯式值,然後使用百分比。看看[這個答案](http://stackoverflow.com/a/5658062/2049063) –