前端左右布局经典方法

<div calss="contrianer">
    <div calss="right-part"></div>
    <div calss="left-part"></div>
</div>

<style>
    .right-part{
        float: left;
        width: 100%;
    }

    .right-part .right-content{
        padding-left: 200px;
    }

    .left-part{
        float: left;
        width: 100%;
        margin-left: -100%;
        width:200px;
    }
</style>

<div calss="contrianer">
    <div calss="left-part"></div>
    <div calss="right-part">
        <div class="right-content"></div>
    </div>
</div>

　　.right-part{
        float: right;
        width: 100%;
    }

    .right-part .right-content{
        margin-left: 200px;
    }

    .left-part{
        float: left;        
        width:200px;
        margin-right:-200px;
    }