css - HTML 要素を下から上に折り返す

Question

HTML / CSS によって、コンテナーの下部に要素の行を表示し、コンテナーが小さくなった場合に上に折り返すことは可能ですか? たとえば、ページの一番下から書き始めて、すでに書かれた行の上に続けます。

float:left;要素はインライン テキストの単語である必要はありません。たとえば、テキストのように配置された SPAN や DIV などの要素のコレクションでもどちらでもかまいません。

Answer 1

ボックスが上向きに拡張されるように、おそらく min-height を使用します。

#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/

Answer 2

私はそうは思わない。実際、何かを「下に揃える」だけでもかなり複雑です。いくつかの「十分に近い」回避策がありますが、真の「vertical-align: bottom」であるというものはありません。このような要素を含む Web サイトの例は、常に JavaScript の集まりであることが判明しています。

基本的に、他の多くの人が以前にこの問題に対処しようとしました。