css – 从底部到顶部包装HTML元素

前端之家收集整理的这篇文章主要介绍了css – 从底部到顶部包装HTML元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

是否可以通过HTML / CSS在容器底部显示一行元素,如果容器变小,它会向上包裹?就像我们开始在页面底部写作并继续在已经写好的行之上.

元素不需要是内联文本的单词,像SPAN或DIV这样的元素集合通过float:left放置文本.例如,会做任何一件事.

最佳答案
也许使用最小高度,所以盒子将向上扩展:

#container{
     position:relative;
     width: 300px;
     height: 200px;
     background: #f90;  
}      
#text-container{
    position: absolute;
    bottom: 0;
    width: 300px;
    min-height: 10%;
    background: #f00;        
}

http://jsfiddle.net/grainne/DD7dG/32/

猜你在找的CSS相关文章