Flexbox 100%高度背景问题

时间:2018-05-14 02:09:10

标签: html css flexbox bootstrap-4

我创建了一个2列布局,应该填充100%的高度,并根据需要运行,但在Chrome / Safari上,如果内容扩展超出浏览器高度,则在滚动时右栏的背景会中断:

http://codeply.com/view/yCE7TYvKkV

Screenshot of issue when scrolling enter image description here

我不能为我的生活找出如何解决这个问题,任何洞察力都会受到赞赏。

1 个答案:

答案 0 :(得分:1)

好的,你的问题就是这个div

<div class="row h-100">
  //Content
</div>

你申请身高:100%;导致问题的原因因为你的左右列高度固定在窗口高度上。

所以如果你删除你的h-100课它会正常工作。