jquery - css 和 jquery 的布局问题

Question

我尝试使用 Firefox 10.0.9 布局网站并出现奇怪的错误。在 IE8 中一切正常。

我想要一个 2 面布局: 左侧元素的高度为 100%，宽度为 200px。 (框架内容左) 具有 100% 高度和最大宽度的右侧元素。 (框架主要内容)

问题是，jQuery Tab 顶栏的高度将与整个 framecontentLeft 的高度相同。

更新 fiddle :http://jsfiddle.net/k2Crf/20/

更新的 CSS:

body, html{
height: 100%;
}
#framecontentLeft {          
float: left;
min-height: 100%;
height: auto !important;
height: 100%;        
width: 200px;
}
#framemaincontent {
height: auto !important;
min-height: 100%;
width: auto;         
}

这一定是一个非常常见的错误，但我不明白。

感谢您的帮助。 胡吉

Answer 1

我找到了错误描述:http://bugs.jqueryui.com/ticket/5601

解决方案是操纵 Tab-UI 元素的 css: $(".tabs").css(" float ", "左");

它对我有用。