Question

我正在使用bootstrap来实现以下功能。我已将一列固定，但下一列重叠。我只需要第二列滚动。

<div class="container-fluid" style="margin-top:-50px;">
  <div class="row" style="margin-top:3.75%;">
    <div class="col-sm-4" style="position:fixed;background-color: #ACD661;">
      <p>dummy textdummy textdummy textdummy textdummy textdummy textdummy textdummy textdummy text</p>
    </div>


    <div class="col-sm-8">
      <p>START TEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERETEST SOME CONTENT HERE</p>

    </div>
  </div>

  <!--end-->

Answer 1

使用bootstrap我有一个左右列，左列被指定为position:fixed但是这使得右列的内容与左列重叠。我设法通过简单地将第二列修改为：

来解决这个问题

<div class="col-sm-8 col-md-offset-4 tasks-column">

位置固定且绝对

1 个答案: