html - コンテンツをスクロール可能にするために、divを他の下部にアタッチする方法

Question

さて、基本的に私は持っています：

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

コンテンツdivの下部に下部のdiv（基本的には一種の水平線）を配置したい

position: absolutedivタグを埋め込んでみましたposition: relativeが、上部のdivはスクロール可能であるため、スクロールしてもセパレーターは固定されたままです。

これを行うにはどうすればよいですか（class=content設定した背景を台無しにしないように、divでセパレータを使用する必要があります）

編集：わかりました。セパレーターにいくつかの影などがあるので、コンテンツとオーバーレイする必要があります。したがって、ページではなく、「トップdiv」への絶対的な配置が必要です。

常に親divの下部に配置されるように、比較的配置する方法はありますか？

score 0 · Accepted Answer

0

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

于 2012-05-24T21:34:07.243 に答える

score 0 · Accepted Answer

これを変える：

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

これに：

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

私があなたの質問を理解していないならば、私を訂正してください。

2 に答える 2