Ajaxtool工具箱选项卡控件内容控件位于选项卡边界之外

Question

查看第一个选项卡，CARBS的内容很好地位于选项卡边界内，但对于ISG，内容似乎低于一个小矩形，它似乎是第二个选项卡的选项卡边界。

我做错了什么？它看起来好像我做了第二个标签，与第一个标签相同，ISG用户控件在第二个TabPanel中，与Carbs用户控件在第一个标签面板中的方式相同....

请注意，我删除了图片中显示的3个标签的代码，只是示例。

内容

<%@ Page Title="Revenue Adjustment Ratios" Language="C#" MasterPageFile="~/Site.Master"
    AutoEventWireup="true" CodeBehind="VerifyRevenueRatio.aspx.cs" Inherits="MLR_Datamart.VerifyRevenueRatio" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxtoolkit" %>
<%@ Register Src="Controls/Ratios_Carbs.ascx" TagName="Ratios_Carbs" TagPrefix="uc1" %>
<%@ Register Src="Controls/Ratios_ISG.ascx" TagName="Ratios_ISG" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <style type="text/css">

    </style>
    <link href="Styles/Common.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="9999999">
    </asp:ScriptManager>
    <ajaxtoolkit:TabContainer ID="tabDataEntry" runat="server" ViewStateMode="Enabled"
        Width="1230px" ActiveTabIndex="1">
        <ajaxtoolkit:TabPanel ID="tabCarbs" runat="server" HeaderText="CARBS">
            <HeaderTemplate>
                CARBS</HeaderTemplate>
            <ContentTemplate>
                <uc1:Ratios_Carbs ID="Ratios_Carbs1" runat="server" />
            </ContentTemplate>
        </ajaxtoolkit:TabPanel>
        <ajaxtoolkit:TabPanel ID="tabISG" runat="server" HeaderText="ISG">
            <HeaderTemplate>
                ISG</HeaderTemplate>
            <ContentTemplate>
                <uc2:Ratios_ISG ID="Ratios_ISG1" runat="server" />
            </ContentTemplate>
        </ajaxtoolkit:TabPanel>
    </ajaxtoolkit:TabContainer>
</asp:Content>

Answer 1

可能其中一个用户控件的HTML格式不正确，请检查控件uc2中的HTML：Ratios_ISG及其后代，并查看是否所有HTML都已正确关闭。标记良好形式的一种方法是使用Visual Studio重新格式化标记，您可以快速查看缩进是否正确。

您也可以使用Visible =“false”临时标记用户控件，然后在用户控件后添加几个空行，并查看是否仍存在相同的视觉问题。如果是这样，您可以确定用户控件是罪魁祸首。