html - 如何将 div 附加到另一个的底部，以便内容可滚动

Question

好的，所以基本上我有：

<div style="overflow-x:scroll">
    <div class="content">
        <div class="text"></div>
        <div class="seperator"></div>
    </div>
</div>

我想将底部 div（它基本上是一种水平线）放在内容 div 的底部

我已经尝试position: absolute嵌入一个position: relativediv 标签，但是因为顶部 div 是可滚动的，所以当我滚动时分隔符保持固定

我将如何完成这项工作（我必须在class=contentdiv 中使用分隔符，这样它就不会破坏我为它设置的背景

编辑：好的，所以我的分隔符有一些阴影和东西，所以我需要它与内容重叠，所以我需要某种绝对定位，但不是页面，'top div'

有没有办法相对定位它，所以它总是在父 div 的底部？

score 0 · Accepted Answer

Change this:

.sep {
 border-bottom: 4px solid rgba(0,0,0,0.5)   
 position: absolute;
    bottom: 0;
}

To this:

.sep {
 border-bottom: 4px solid rgba(0,0,0,0.5);
}

If I am not understanding your question please feel free to correct me.

score 0 · Accepted Answer

#top-div { position:relative; /* fixed height or width */ }
#bot-div { position:absolute; bottom:0 }

2 回答 2