框架库

结构布局

  • 左侧自适应，右定

html

1
2
3
4
5
6
7
8
9
10
<div class="mod clearfix">                 
    <div class="ml" >
        <div class="modcon">
             <p>左侧自适应</p>
        </div>        
    </div>                
    <div class="mr">
        <p>右侧定宽</p>          
    </div>                
</div>

css

1
2
3
.ml{float:left;width:100%;}
.ml .modcon{margin-right:210px;}
.mr{float:right;width:190px; margin-left:-190px;}