码迷,mamicode.com
首页 > 其他好文 > 详细

两列左侧自适应布局

时间:2015-04-22 23:34:33      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

<div class="g-bd2 f-cb">
    <div class="g-mn2">
        <div class="g-mn2c">
            <p>左侧自适应</p>
        </div>
    </div>
    <div class="g-sd2">
        <p>右侧定宽</p>
    </div>
</div>
/* 两列左侧自适应布局 */
.g-bd2{margin:0 0 10px;}
.g-sd2{position:relative;float:right;width:230px;margin-left:-230px}
.g-mn2{float:left;width:100%;;}
.g-mn2c{margin-right:240px;}

 

左侧自适应

右侧定宽

两列左侧自适应布局

标签:

原文地址:http://www.cnblogs.com/LoveOrHate/p/4448962.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!