左边固定，右边自适应

html结构如下：右边一定不能设width:100%;

遇到的问题：

（1）父元素与子元素垂直外边距重叠

解决：开启BFC，overflow:hidden

(2)宽度100%,但有padding,超出有滚动条

解决：可设置box-sizing:boder-box

 

一、左边浮动，右边margin-left:200px;

二、父元素相对定位，左边绝对定位，并且固定宽度200px，右边margin-left:200px;

三、弹性盒子；父元素display:flex;左边固定200px;右边flex:1