html - 将 jQuery 垂直选项卡内容区域扩展到整个页面宽度

Question

我已经按照 here 设置了一组垂直选项卡.然而，内容区域只延伸到页面的一半左右。

我一直在尝试通过向各种 UI CSS 标签添加 width='100%' 属性或播放构建的内容来调整 CSS 以允许它流到页面的远端在 width 属性值中，它确实扩展了窗口，但它开始将实际内容放在错误的位置。

例如，如果您从 .ui-tabs-vertical 中删除 width: 55em，白色容器区域会完全扩展，但“hello”文本会出现在下面现货:

如何调整 CSS 以允许内容区域填满页面宽度，但仍从垂直选项卡列表的填充良好的左侧开始？

JsFiddle example

Answer 1

如果设置宽度可能会解决问题，请尝试执行此操作:

width: calc(100% - 162px);

162px 是我假设左侧边栏的宽度。