jQuery ui选项卡CSS无法正常运行

我正在用PHP开发一个高级数据库管理器（基本上是phpMyAdmin for dummies，只允许管理员创建表，然后管理员创建表单供用户输入数据）。对于大多数应用程序，我更关心的是后端而不是外观，因此我一直借用jqueryui来加速编码

在创建管理仪表板时，我遇到了一个问题。我使用了jQueryUI选项卡的默认实现，UI选项卡nav将自身拉伸以垂直填充页面

我已将错误追溯到我的以下CSS规则：

#sidebar { float:left; }

这显示了我遇到的错误：

$（函数（）{
$（“#制表符”）.tabs（）；
});
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#边栏{
浮动：左；
身高：100%；
宽度：200px；
边缘：继承；
填充：继承；
溢出：自动；
右边框：实心1px#000；
}
#侧边栏。菜单{
利润率：10px；
填充：继承；
列表样式：无；
}
.头衔{
字号：1.5em；
字体大小：粗体；
边缘：继承；
填充：继承；
}
#侧栏.菜单.导航部分{
字号：1.5em；
字体大小：粗体；
边框底部：实心1px#000；
利润率：20px0；
填充：继承；
}
#内容{
位置：相对位置；
左边距：201px；
/*200像素宽+1像素边框*/
填充：继承；
}
#标题{
边缘：继承；
填充：继承；
背景:#FF9；
}
#标题标签{
左边距：20px；
}
#myForm th{
背景色：#999；
边框：1px#000实心；
}
#myForm td{
边框：1px#000实心；
}

DBManager:Administrators

表格
-
报告
-
行动









知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。
菲塞勒斯·马蒂斯·丁西登·尼布。克拉斯·奥奇·乌纳、布兰迪·艾德、普雷蒂姆·维尔、阿利奎特·奥纳雷、猫科动物。Maecenas scelerisque sem非nisl。这是我的名言。
Nam dui erat、拍卖人a、贵宾奎斯、索利西图丁欧盟、菲利斯。内耳、中耳、矢状肌、前庭、腔隙。毛里斯·波特托·乌兰科珀·奥古斯。
也将
#选项卡
div向左浮动：

将
#选项卡
div也向左浮动：

非常感谢回答得非常快，效果非常好。非常感谢回答得非常快，效果非常好。
#tabs { float:left; }