将相对Div对齐在底部

时间:2016-03-30 11:56:28

标签: html css

我想将Div元素对齐到页面底部。它有100%的宽度,但每边应该有10px的边距。

.footer {
    position: relative;
    font-size: 70%;  
    background-color: white;
    width: 100%;
    margin: 15px 0 15px 0;
    bottom: 0;

}

<div class="footer">
        <ol>
   <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
   <li>Vestibulum auctor dapibus neque.</li>

但在这里你有小提琴

https://jsfiddle.net/osws9p4s/

2 个答案:

答案 0 :(得分:2)

使位置绝对,它将位于底部

library(reshape2)

tmp <- dcast(df, site + visit + year ~ species, value.var = 'counts', fill = 0)
df <- melt(tmp, id.vars = c('site', 'visit', 'year'), variable.name = 'species', value.name = 'counts')
y <- tapply(df$counts, list(df$species, df$site, df$visit, df$year), sum)
  

更新

https://jsfiddle.net/osws9p4s/

答案 1 :(得分:2)

我已移除宽度并使用左右属性与位置...请检查下面的代码和链接,希望它有所帮助。

Demo

.footer {
    position: absolute;
    font-size: 70%;  
    background-color: white;
    margin: 15px 0 15px 0;
    bottom: 0;
    left:15px;
    right:15px;    
}