Я понял, что это будет просто, мне нужно выровнять оба внутренних div (зеленого и синего) до нижней части их контейнера (красный). Я надеюсь не использовать абсолютное позиционирование, и мне нужно, чтобы он был совместим с типом 2.6.6.8 ff chrome.
<div style="border:1px solid red;">
<div style="border:1px solid green; width:20px; height:20px; float:left;"></div>
<div style="border:1px solid blue; width:20px; height:30px; float:left;"></div>
<div style="clear:both;"></div>
</div>
Я попытался использовать vertical-align
, но не могу найти простое решение.
спасибо за помощь, стр.
ИЗМЕНИТЬ здесь мою попытку решения abs pos:
<div style="border:1px solid red; position:relative;">
<div style="border:1px solid green; width:20px; height:20px; float:left; position:absolute; bottom:0px;"></div>
<div style="border:1px solid blue; width:20px; height:30px; float:left; position:absolute; bottom:0px;"></div>
<div style="clear:both;"></div>
</div>