css 左边固定宽度浮动，右边自动填充的布局，使用浮动实现

面试被问到如果左边使用浮动有固定宽度，右边如何实现填充剩下的部分
方法一

overflow: hidden

<div class="left"></div>

<div class="right"></div>

 

<style>

.left{

float: left;width:200px;
}

.right{

overflow: hidden;

}

 

</style>

方法二

margin-left

<div class="left"></div>

<div class="right"></div>

 

<style>

.left{

float: left;width:200px;
}

.right{

margin-left:200px;

}

 

</style>

这是最常用的两种方法非常简单