歪仔

导航

布局

1. 1)左侧固定,右侧自适应屏幕宽度

  方法:左边浮动,右边加上一个 margin-left,等于左边的宽度

  html:

    <div id="left">left</div>

    <div id="right">right</div>

   css:

    #left{

       float:left;

       width:220px;

       background-color:green;

    }
    #right{

        background-color: orange;

        margin-left:220px;      /*等于左边栏的宽度*/

    }

2. 2)左侧固定,右侧自适应屏幕宽度

   方法:

   html:

      <div id="left">left</div>

      <div id="right">

        <div id="content">main content</div>

      </div>

   css:

      

posted on 2016-09-18 18:52  歪仔  阅读(67)  评论(0编辑  收藏  举报