Css 三列布局在Chrome中无法正确显示

Css 三列布局在Chrome中无法正确显示,css,google-chrome,Css,Google Chrome,我试图在ASP.NET站点的一个div中实现三列布局,但它只能在Firefox中正确显示,Chrome将它们显示在彼此下方。我有以下asp.net代码 #容器{ 宽度:1200px; 保证金:0自动; } #左{ 宽度:400px; 浮动:左; } #中间的{ 宽度:400px; 浮动:左; } #对{ 宽度:400px; 浮动:左; } 左列 中柱 右栏 它正确地显示在我的chrome 49上。在我看来也是正确的。除了runat属性之外,你没有显示任何“asp.net代码”,这对我们来说是

我试图在ASP.NET站点的一个div中实现三列布局,但它只能在Firefox中正确显示,Chrome将它们显示在彼此下方。我有以下asp.net代码

#容器{
宽度:1200px;
保证金:0自动;
}
#左{
宽度:400px;
浮动:左;
}
#中间的{
宽度:400px;
浮动:左;
}
#对{
宽度:400px;
浮动:左;
}

左列

中柱

右栏


它正确地显示在我的chrome 49上。在我看来也是正确的。除了runat属性之外,你没有显示任何“asp.net代码”,这对我们来说是无用的,而且大多数人都不使用asp.net。在我的chrome 49(64位)浏览器上,你需要创建一个问题的解决方案。到目前为止,您的代码在Chrome(实际上是任何其他浏览器)中呈现得非常好,因此这意味着其他一些东西(您的问题中尚未包括)正在影响您的服务器。作为旁注,如果您希望您的页面在所有大小的设备上都能正常呈现,您不应该在
CSS
中使用固定宽度。这是你的密码。