#d1{folat:left} 和#d2{folat:right; wdth:300px;} 怎么让#_html/css_WEB-ITnose

#d1{folat:left} 和#d2{folat:right; wdth:300px;} 怎么让#d1取显示区域剩余的宽度呢？
就比如我屏幕是1024*768那么 d1的width应该为724，这个要怎么获得呢？
求教

回复讨论(解决方案)

有没有前端高手帮忙看看，急啊。谢谢了

  <div style="width:300px;height:100px;background:#ccc;">    <div style="width:calc(100% - 100px);height:100px;float:left;background:#f00;"></div>    <div style="width:100px;height:100px;float:right;background:#0f0;"></div>  </div>