尝试为div添加位置定位

时间:2018-07-23 14:24:42

标签: html css sass bootstrap-4

我有两个div Falseclaims-side-panel。我需要为alert-section添加position:fixed,以便它可以滚动移动。但是,如果我添加claims-side-panel,那么它会干扰其他div的对齐,请检查我的以下代码

HTML             

position:fixed

CSS

        <div class="row">
          <aside class="col-lg-4 mt-5">
            <div class="claims-side-panel">
              <ul>
                <li>
                  <div class="claim-list-item">
                    <span class="fa" [ngClass]="{'image-icon': !claim.category.value }"
                      aria-hidden="true"></span>
                  </div>
                </li>

                </ng-container>
              </ul>
            </div>
            <div class="alert-section">
              <assisted-moment [assistData]="assistedMoment" sectionName="OtherRequirements"></assisted-moment>
            </div>
          </aside>

      </div>
    </div>

Error Image 实际形象 enter image description here

2 个答案:

答案 0 :(得分:0)

将父容器放在position:relative

旁边
aside{
position:relative
}

答案 1 :(得分:0)

固定位置会干扰整个CSS,因为它具有固定的属性,因此我需要给定宽度和边距,从而解决了我的问题