NEC学习 ---- 布局 -两列， 右侧定宽，左侧自适应

该篇必须引用初始化样式和功能性样式，样式在前篇 http://www.cnblogs.com/Zell-Dinch/p/4436054.html 中已经提及。

上篇中介绍了左侧定宽，右侧自适应的布局，这篇将介绍类似布局，只是换成了右侧定宽，左侧自适应。

html方面

<div class="zell-dm2 g-bd2 f-cb">

    <div class="g-mn2">

        <div class="g-mn2c">

            <p>

                我是左侧

            </p>

        </div>

    </div>

    <div class="g-sd2">

        <p>

            我是右侧

        </p>

    </div>

</div>

那么针对这一块，实现的效果如图：

针对这块的css代码如下：

.g-sd2{

    float: right;

    position: relative;

    width:220px;

    margin-left:-220px;

    background: red;

}

.g-mn2 {

    float: left;

    width:100%;

}

.g-mn2c {

    margin-right: 230px;

}

.zell-dm2 p{

    background: pink;

    height:300px;

    padding:5px;

}

思路和左侧定宽一模一样，很简单，赶快动手试试吧！