2

次のhtmlコードがあります。

<div class="main">
    <div class="sidebar">
     <div class="sidebar-footer">

      </div>
    </div>
</div>

そしてCSS：

.main { 
   position: relative;
}

.sidebar {
     position: absolute;
     bottom: 0;
     left: 0; 
     right: 0;
     height: 500px;
     margin-bottom: 10px;
}

サイドバーの下部にも配置するには、サイドバーフッターが必要です。どうすればいいですか？

4

1 に答える 1

4

働くフィドル。

CSS:

.main { 
    border: solid 1px blue;
    position: relative;
}

.sidebar {
    border: solid 1px red;
     position: relative;
     bottom: 0;
     left: 0; 
     right: 0;
     height: 500px;
     margin-bottom: 10px;
}
.sidebar-footer
{
    border: solid 1px green;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

</p>

于 2012-09-24T14:27:24.950 に答える