一行两列背景自适应的推荐写法

html代码

<div id="box">
  <div id="content">
    <div id="right">right <br />right</div>
    <div id="left">left</div>
  </div>
</div>

Css

<style>
*{ padding:0; margin:0; font-size:12px; line-height:1.8; font-family:Verdana;}
#box{ background:#FFFF66;width:700px; padding-left:200px; float:left;}
#content{ background: #FF6600; float:left;}
#right{ width:695px; float:right;}
#left{ width:200px; margin-left:-200px; position:static; float:left;}
* html #left{position:fixed;}
</style>
posted @ 2012-09-20 10:07  hm21  阅读(184)  评论(0)    收藏  举报