格栅布局怎样让整个body分为两列,例如左侧背景为灰色且高度充满

来源:4-1 编程挑战

慕粉3982295

2016-10-26 10:37

格栅布局怎样让整个body分为两列,例如左侧背景为灰色

写回答 关注

3回答

  • 慕虎2360059
    2022-07-19 20:11:36

    常量一般采用全大写方式,也是Java的标识符。 一般用来定义不希望程序中随意修改的信息,因为变量可以被随意修改,可控性不高

    lxeqbtoysbivmsroibsl

  • 拾木
    2016-11-25 17:31:56


    <div class="container-fluid">   
      <div class="row">
         <div class="col-xs-2">左边列</div>   
         <div class="col-xs-10">右边列</div> 
      </div>
    </div>

    左侧背景为灰色且高度充满,我使用的是在<div class="col-xs-2">左边列</div>中追加一个自己取的类left-nav,得到<div class="col-xs-2 left-nav">左边列</div>
    ,然后再写样式覆盖。

    .left-nav{
        height: 760px;
        background-color: #ddd;
        padding: 0;
       }

    高度给了一个固定值,不知道还有没有别的办法哦。

  • 小丶西瓜丿
    2016-10-27 15:37:20
    <style>
        .left{width:200px;height:100%;float:left;background:gray;}
        .right{width:200px;height:500px;float:left;}
    </style>
    <div class="left">左列</div>
    <div class="right>右列</div>


基于bootstrap的网页开发

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

187683 学习 · 734 问题

查看课程

相似问题