Css Chrome 77.0.3865.90使用左边距将布局弄乱:-100%

Css Chrome 77.0.3865.90使用左边距将布局弄乱:-100%,css,google-chrome,margin-left,Css,Google Chrome,Margin Left,正文{ 最小宽度:660px;/*2 x(LC全宽+CC填充)+RC全宽*/ } #容器{ 左侧填充:200px;/*LC全宽*/ 右侧填充:230px;/*RC全宽+CC填充*/ } #容器.列{ 位置:相对位置; 浮动:左; } #居中{ 填充:15px 15px;/*CC填充*/ 宽度:100%; } #左{ 宽度:200px;/*LC宽度*/ 填充:0 0px;/*LC填充*/ 右:230px;/*LC全宽+CC填充*/ 左边距:-100%; } #对{ 宽度:170px;/*钢筋混凝土

正文{
最小宽度:660px;/*2 x(LC全宽+CC填充)+RC全宽*/
}
#容器{
左侧填充:200px;/*LC全宽*/
右侧填充:230px;/*RC全宽+CC填充*/
}
#容器.列{
位置:相对位置;
浮动:左;
}
#居中{
填充:15px 15px;/*CC填充*/
宽度:100%;
}
#左{
宽度:200px;/*LC宽度*/
填充:0 0px;/*LC填充*/
右:230px;/*LC全宽+CC填充*/
左边距:-100%;
}
#对{
宽度:170px;/*钢筋混凝土宽度*/
填充:0 15px;/*RC填充*/
保证金权利:-100%;
}

居中
左边
正确的
谢谢。这使我走上了正确的道路。 仍然很好奇Chrome是否会改变/为什么会改变,但不用担心

#容器{
显示器:flex;
柔性包装:nowrap;
证明内容:周围的空间;
}
#居中{
顺序:2;
}
#左{
顺序:1;
弹性收缩:3;
}
#对{
顺序:3;
弹性收缩:3;
}

居中
左边
正确的

Hi Adam,请包括一个-这意味着在您的情况下,我们也需要查看HTML。Stack Overflow提供了一个方便的选项,可以在可运行的演示环境中嵌入HTML和CSS,只需单击post edit视图中“image upload”(图像上传)图标右侧的代码段图标。如果您只是在寻找一致的左|中|右布局,请不要使用float和任何边距,只需使用flex或grid甚至内联块元素就更好了。