css:html,身体,p,ul,li{保证金:0;padding:0;}div.left{background:#d2e3e3;}div.right{background:#77DBDB;}选项1:float.left{float:left;宽度：100px;}.right{margin-left:100px;//或者overflow:hidden}选项2:table.parent{display:table;宽度：100%；表格布局：固定；//https://博客。csdn.net/qq_36699230/article/details/80658742.left,.right{display:table-cell;}.left{宽度：100px；}}方案三：flex.parent{display:flex;.left{宽度：100px;//或者flex:00100px;}.right{flex:1;}}固定宽度+自适应布局的两（多）列可以使用上述方案，中间列的设置与第一列相同以上方案可用于一致宽度（两列或多列）+自适应布局。中间栏的设置应与第一栏相同。不同的是不需要特别设置宽度。特别要注意使用表格布局时的情况如下：.parent{display:table;宽度：100%；//设置表格布局：固定；将使单元格宽度相等，所以不要设置.left,.right{display:table-cell;}.left{宽度：0.1%；//设置宽度的最小值，因为table-layout:fixed;未设置，所以宽度由内容white-space:nowrap决定；}}二。等宽（两列/多列）布局公开代码：html

1