javascript - WebKit の高さの違い

Question

写真

CSS

#sub-nav {
    position: absolute;
    top: 207px;
    left: 16px;
    width: 192px;
    z-index: 4;
    background: url('../img/transparent.png');
    overflow: hidden;
}

#logo-buttons-bg {
    position: relative;
    padding: 0 0 60px 0;
    width: 208px;   
    //background-gradient 
    z-index: 8;
}

#logo-buttons-bg ul {
    padding: 8px 21px;
    list-style-type: none;  
}

jQuery:

var containerHeight = $("#logo-buttons-bg ul").height();
$("#sub-nav").height(containerHeight - 25);

どうすれば修正できますか？に別の要素を追加しようとしましたが、特定の高さを持つ別の CSS 要素var containerHeightに変更しましたが、結果はまったく同じです。25

---

Normalize.css で問題が解決しました。Vuckoのおかげです。

Answer 1

FFとChromeでも同様の問題がありました。私は .height を使用していて、 .outerHeight(true) に切り替えました

http://princepthomas.blogspot.com/2011/07/jquery-height-vs-outerheight.html