我有一个包含两个孩子的包装器，每个孩子的宽度占50％。它们的高度相等，高于父母。父进程使用overflow-y处理它。
正确的div可以包含比div更宽的内容，div使用overflow-x处理。我的问题是我希望滚动条固定在父div的底部，这样它总是可见的。
这是用于说明问题的html。
<div class="parent">
<div class="left">
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
<p class="left-content-row">Left content</p>
</div>
<div class="right">
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
<p class="right-content-row">Right content</p>
</div>
我创建了一个plunkr来显示设置和问题