前端左右布局经典方法

1、同时左浮动布局（淘宝商品展示页）

html代码

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

css代码

<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>

2、左部分左浮动，右部分右浮动（网易兼容代码库）

html代码

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

css代码

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

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

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

待续······