最小高度：不能正常工作

我有一個固定的容器，具有像下面這樣簡單的結構。我的問題是，當我將子元素添加到subContainer時，subContainer會給出它失去100％高度的錯覺。最小高度：不能正常工作

這樣的事件。添加第一個孩子的每一件事情，第二個孩子subContainer給人的印象是，現在它的高度爲99％，第三個孩子和subContainer看起來好像回到了100％;

寬度始終正確顯示。這一個是驅動我瘋子，任何建議將不勝感激。

<div id="containerr" style="width: 175px; height: 250px;overflow:hidden;display: inline-block;"> 

    <div id="subContainer" style="width:100%; height:100%;"> 


    <div style="width:100%;height:25%;"></div> 
    <div style="width:100%;height:55%;"></div> 
    <div style="width:100%;height:15%;"></div> 

    </div>

來源

2012-05-26 Vinyl Windows

哪種瀏覽器和瀏覽器版本（S）是發生在此行爲？ – creemama

這發生在Google Chrome 19.0.1084.52 m –

這有助於解釋您的問題嗎？ http://jsfiddle.net/Nf4rN/1/ – Greg

如果你做數學題，你會發現的250像素的25％是62.5px和類似的其他百分比。基於我所看到的從

$('#subContainer > div:eq(0)').height()

它看起來像FF正在四捨五入，Chrome正在四捨五入。一些快速的谷歌搜索發現，這是一個已知的問題，例如。 http://ejohn.org/blog/sub-pixel-problems-in-css/

來源

2012-05-26 19:02:54 thebjorn

最小高度：不能正常工作

回答

相關問題