左边固定，右边自适应有哪几种方法

整理，方便记忆
html

<div id="lt">l</div>
<div id="rt">r</div>

一、左边固定，右边自适应的布局

1. 左边左浮动，右边加个overflow:hidden;

	#lt{
            float: left;
            width:200px;
            background: #ff0;
        }
    #rt{
            overflow: hidden;
            background: #f0f;
        }

2. 左边左浮动，右边加个margin-left;

	#lt{
            float: left;
            width:200px;
            background: #ff0;
        }
    #rt{
            margin-left: 200px;
            background: #f0f;
        }

3. 左边绝对定位，右边加个margin-left;

#lt{
            position: absolute;
            top:0;
            left:0;
            width:200px;
            background: #ff0;
        }
        #rt{
            margin-left: 200px;
            background: #f0f;
        }

4. 左右两边绝对定位，右边加个width,top,left,right

#lt{
            position: absolute;
            top:0 ;
            left:0 ;
            width:200px;
            background: #ff0;
        }
        #rt{
            position: absolute;
            top:0 ;
            left:200px;
            width: 100% ;
            rigth:0;
            background: #f0f;
        }