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);

我该如何解决？我尝试添加不同的元素var containerHeight，更改25为具有特定高度的另一个 CSS 元素……结果完全一样。

---

Normalize.css 解决了这个问题，感谢Vucko

Answer 1

我对 FF 和 Chrome 也有类似的问题。我正在使用 .height 并切换到 .outerHeight(true)

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