Asp.net mvc 3 带有选项卡和页面布局的MVC3

我正在开发一个MVC3 web应用程序，我需要创建一个类似于SalesForce的选项卡驱动布局的布局。 我尝试创建一个局部视图来呈现选项卡内容区域内的侧栏导航。CSS定位不起作用，因为我需要保持在选项卡的内容区域内。 如何正确呈现内部导航菜单和内容，并保持在选项卡式内容区域内。我试图发布salesforce的截图，但该网站的新用户无法加载图像

<div id="tabs">
<ul>
    "#tabs-1">Project
    #tabs-2">Metrics
     href="#tabs-3">Task
</ul>
<div id="tabs-1">   
             @Html.Partial("_SideBar")

</div>
<div id="tabs-2">
    <p>Content for TAB2</p>
</div>
<div id="tabs-3">
    <p>Content for TAB3.</p>
</div>

“#表1”>项目
#表2“>指标
href=“#tabs-3”>任务

@Html.Partial（“\u侧边栏”）
表2的内容

表3的内容

---

---

嗯，我的问题是，我试图在我的_布局页面中使用JqueryUI选项卡小部件。我试图嵌入一个两列布局，第一列中有侧栏导航，第二列中有内容。这必须显示在选项卡视图区域的墙内。因此，如果我单击TAB1，您可以看到列中的导航1和第2列中的内容。如果单击选项卡2，我希望左侧仍有导航，右侧仍有内容，但其中包含不同的数据。最大的问题是如何确保选项卡视图区域中的这些列保留在选项卡视图区域中，而不是完全呈现在选项卡外..I希望这是清楚的。如果我需要提供更多信息，请告诉我。谢谢

这里很难完全获得您想要的内容，但是您只是想在布局中使用区域吗？例如

<div id="tabs-2"> @RenderSection("Tab2Content", required: false) </div> @RenderSection（“Tab2Content”，必填项：false） 在你看来：

@section Tab2Content{ content here } @章节表2内容{ 满足于此 }

---

在这里很难完全得到您想要的，但是您只是想在布局中使用区域吗？例如

<div id="tabs-2"> @RenderSection("Tab2Content", required: false) </div> @RenderSection（“Tab2Content”，必填项：false） 在你看来：

@section Tab2Content{ content here } @章节表2内容{ 满足于此 }

---

我被JQuery选项卡组件误导了。float属性导致选项卡不展开，使其看起来像div标记中没有任何内容。只需从外部标记中删除float属性即可。我被JQuery选项卡组件误导了。float属性导致选项卡不展开，使其看起来像没有任何内容ide div标记。仅从外部标记中删除float属性

我被JQuery选项卡组件误导。float属性导致选项卡不展开，使其看起来像div标记中没有任何东西。仅从外部标记中删除float属性I被JQuery选项卡组件误导。float属性导致选项卡不展开t进行扩展，使其看起来像div标记中没有任何内容。只需从外部标记中删除float属性即可