1

以下のような単純な構造のコンテナで修正しました。私の問題は、子を subContainer に追加すると、subContainer が 100% の高さを失うという錯覚を与えることです。

こういうイベント。最初の子をすべて追加すると、2 番目の子 subContainer の高さは 99% になり、3 番目の子と 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>

4

1 に答える 1

0

計算すると、250px の 25% が 62.5px であり、他のパーセンテージについても同様であることがわかります。私が見ているものに基づいて

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

FF は切り上げ、Chrome は切り捨てているようです。いくつかの簡単なグーグルで、それが既知の問題であることがわかりました。http://ejohn.org/blog/sub-pixel-problems-in-css/

于 2012-05-26T19:02:54.960 に答える