左边固定,右边自动

<style>

*{ margin: 0; padding: 0;}

.body{

 width:100%;

 overflow:hidden;

}

.cont{width:100%;}

.cont .conte{

 height:200px;

 background:#DE7C23

}

.body .left{

 width:100px;

 height:200px;

 float:left;

 background:#09BB07

}

.cont .conte p{color: #FFF;}

</style>

<div class="body">

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

 <div class="cont">

   <div class="conte">

    <p>这是早点</p>

    <p>等着午饭</p>

   </div>

 </div>

</div>

</body>

你可能感兴趣的:(左边固定,右边自动)