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