スティッキーサイドバーのdiv

Question

サイドバーに2つのdivがあり、2番目のクラス（クラス「ボトム」）はdivの下部に貼り付ける必要があります。どうすればいいですか？あなたはsidebarのdivにposition:relativeを適用する場合

<div class="header"></div> 
<div class="container"> 
    <div class="sidebar"> 
    <div class="top">topcontent</div> 
    <div class="bottom">bottomcontent</div> 
    </div> 
    <div class="main"></div> 
</div> 
<div class="footer"></div> 

Answer 1

.sidebar{position:relative;} 
.sidebar .bottom{position: absolute; bottom: 0;} 

Answer 2

は、その後、あなたはbottom divの上の位置のプロパティを使用することができ、そしてそれはsidebarに対して調整しますbottomのdivにposition:absoluteを適用します。これは、コードです。

.sidebar { 
    position:relative; 
} 

.bottom { 
    position:absolute; 
    bottom:0; 
} 

Answer 3

同じ@Chimooいますが、.topは、小さなディスプレイ上.bottomを重ならないように、下パディングやマージンを追加する必要がありますことを実現します。