不同的浏览器以不同的方式显示HTML

我正在编写一些HTML代码，这是非常旧的代码，所以我不太习惯看到它。我对代码做了一个小改动，移动了保存按钮，但当我在我测试的每个浏览器上显示它时，Firefox、Chrome、IE都看起来不一样。Firefox正在以我希望的方式显示它

但另外两个显示的是同一页，错误地使用了相同的代码。即

铬

这是我的代码，请让我知道出了什么问题，我不知道如何解决这个问题。谢谢

    <div id="textdefaults" runat="server">
    <div>
    <asp:Button ID="btnSubmitTextDefaults" Text="Save" runat="server" Height="29px" style="margin-left: 900px" Width="64px" OnClick="btnSubmitTextDefaults_Click" OnClientClick="SaveLanguage();" />
    </div>
    <div class="aTab">
        <asp:UpdatePanel ID="upTextDefaults" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <div class="aTab">
                <TagUpdate:TextDefaults id="myTextDefaults" runat="Server" />
                    <asp:UpdateProgress ID="UpdateProgress3" runat="server">
                        <ProgressTemplate>
                            <div class="progress">
                            <asp:Image ID="imgTextDefaults" runat="server" ImageUrl="~/Bannerlink/Images/ajax-loader-big.gif" />Saving...
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                </div>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSubmitTextDefaults" EventName="Click" />
            </Triggers>
        </asp:UpdatePanel>
    </div>
   <br />
</div>

保存。。。

实际上，父div直到最后一个元素才结束

在下面创建父div样式

#ContainerContent { 
   width: 992px; 
   text-align: left; 
   clear: both; 
   /* margin-left:auto; 
   margin-right:auto; */
   display: inline-block;  
} 

并添加下面提到的div作为“#ContainerContent”div中的最后一个元素

<div style="clear: both;"></div>

---

此div将父元素包装到最后一个元素存在，并且所有浏览器的样式都将得到更正。

您可能正在使用浮点-没有取消其操作吗？嘿，Dmitry，除了css文件中，我没有任何浮点。我试着改变它们，但没有成功。还是一样的问题。代码看起来不错；那不是问题。我想网页的DOCTYPE是否正确？它可能是CSS；给我们看看。嘿，李斯特先生：这是CSS代码，特别是这是我希望其他东西都包含在里面的代码#ContainerContent{width:992px；文本对齐：左；clear:both；/*左边距：自动；右边距：自动；*/}@vmedhe2这还不够；首先，它不包含背景颜色，这是问题最明显的部分。你能在某处制作一个小的演示网页吗？我的意思是尽可能小，但仍然显示出问题。