C# 调整宽度选项卡的大小jquery

嗨，我在asp.net MVC 5上做一个应用程序。 但是我有一个问题，谁能告诉我如何根据内容调整jquery选项卡的宽度。 我现在的代码是：

<script>
  $(function() {
      $("#tabs").tabs();
  });


</script>

 <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Publicar Post</a></li>
            <li><a href="#tabs-2">Partilhar Ficheiro</a></li>
        </ul>
        <div id="tabs-1">
            @ViewBag.item
            @using (Html.BeginForm("Criar_Post", "Home", FormMethod.Post))
            {
            @Html.TextArea("Post", new { @class = "form-control" })
            @Html.ValidationMessage("post")
            @Html.DropDownList("Privacidade", (SelectList)ViewBag.Privacidade, "---Privacidade---", new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessage("privacidade")
            <input type="submit" value="Criar">
            }
        </div>
        <div id="tabs-2">
            @using (Html.BeginForm("Partilhar_Ficheiro", "Home", FormMethod.Post, new { @enctype = "multipart/form-data" }))
            {
            <label name="nome"></label>
            <input type="file" name="nome" />
            <input type="submit" value="Inserir" class="btn btn-default" />

            }
        </div>

$（函数（）{
$（“#制表符”）.tabs（）；
});




@ViewBag.item
@使用（Html.BeginForm（“Criar_Post”，“Home”，FormMethod.Post））
{
@TextArea（“Post”，new{@class=“form control”}）
@Html.ValidationMessage（“post”）
@DropDownList（“Privacidade”，（SelectList）ViewBag.Privacidade，“--Privacidade--”，new{htmlAttributes=new{@class=“form control”}）
@Html.ValidationMessage（“privacidade”）
}
@使用（Html.BeginForm（“Partilhar_Ficheiro”，“Home”，FormMethod.Post，new{@enctype=“multipart/formdata”}））
{
}

您必须将选项卡的高度/宽度设置为文档高度/宽度

在初始化选项卡后设置高度

<script>
  $(function() {
      $("#tabs").tabs();
    //Set Height
        $('#tabs').tabs().height($(document).height());
  });
</script>

$（函数（）{
$（“#制表符”）.tabs（）；
//设定高度
$（'#tabs'）.tabs（）.height（$（document.height（））；
});