HTML札记之（负margin用法，右边定宽，左边自适应）

HTML笔记之（负margin用法，右边定宽，左边自适应）
<style>
div,body{padding:0;margin:0;}
.main{margin:0 auto;overflow:hidden;}
.main_wrap{float:left;width:100%;}
.left_wrap{border:4px solid #999;margin-right:210px;padding:10px;}
.right_wrap{float:left;margin-left:-200px;border:4px solid #333;width:170px;padding:10px;}
</style>
<div class="main">

<div class="main_wrap">

    <div class="left_wrap">上海37°C
上海37°C
上海37°C
上海
37°C
上海37°C
上海37°C
上海37°C
上海37°C
</div>

</div>


<div class="right_wrap">上海37°C
上海37°C
上海37°C
上海37°C
上海37°C
上海37°C
上海37°C
上海37°C
</div>

</div>