添加滚动条后，文本框和按钮突然从网页中消失

Question

您好我正在尝试为我正在构建的网站的聊天页面创建一个滚动条，并且自从我在（溢出）中添加了滚动条，大约5秒后（关于AJAX被触发时），文本框用于显示消息的字段正下方的按钮消失，即MessageTextBox和SendButton。

以下是我的html页面的代码：

<form id="form1" runat="server">
    <div class="row">
        <div class="well center" style="width:50%">
            <a>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
                <asp:Timer ID="Timer1" runat="server">
                </asp:Timer>
            </a>
            <asp:UpdatePanel runat="server">
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="tim" EventName="Tick" />
                </Triggers>
                <ContentTemplate>
                    <asp:Timer ID="tim" Interval="5000" Enabled="true" OnTick="UpdateChat" runat="server"></asp:Timer>
                    <div style="overflow: auto; height: 220px; width: 100%;">
                    <center>
                        <asp:Textbox ID="ChatLabel" textmode="MultiLine" style="overflow:auto;width:80%;height:200px" ReadOnly="true" runat="server"></asp:Textbox>
                    </center>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:TextBox ID="MessageTextBox" runat="server" Width="438px"></asp:TextBox>
            <asp:Button ID="SendButton" runat="server" Text="Send"/>
        </div>
    </div>
    </form>