移动端布局

1、左边固定,右边自适应

html 代码     

      <div class="left"></div>
      <div class="right">99999999</div>

css 代码     

      html,body {
            height:100%;
      }
      .left {
           width: 45px;
           height: 100%;
           float: left;
           background: pink;
       }
       .right {
          /*width: 100%; padding-left: 45px*/
           margin-left: 45px;
           height: 100%;
           background:red;
       }

      

posted @ 2018-01-26 08:41  倩妞驾到  阅读(85)  评论(0编辑  收藏  举报