Должен ли я использовать таблицу для этого?

Question

Unluckily Я не знаю, что делать :(

Я хочу, чтобы выровнять текст «бла-бла ....» в нижней части левой дел.

Установка как position:absolute & bottom=0 оленья кожа работа всегда, потому что бывают случаи, когда изображение не существует, и это было бы проблемой, как если бы текст не увеличивал высоту контейнера div ...

Я мог бы изменить макет, если нет img с php, но это не гарантирует что в случае, если img имеет меньшую высоту, чем текст, переполнение текста и т. д.

Я знаю, это странно, стол - единственное решение, которое у меня есть?

Answer 1

Таблица редко (если вообще) хорошее решение для макета.

Вы можете сделать min-height, так что если img не существует, вы всегда будете иметь высоту, которая будет соблюдаться.

Answer 2

Вы можете использовать display:table-cell.

http://jsfiddle.net/JeaffreyGilbert/32NWh/

Answer 3

<style type="text/css"> 

div#leftContent { float : left; position : relative;} 
div#rightContent { float : right; position : relative;} 
.bottom { position : absolute; bottom : 0; } 

</style> 

Это грубая стилевой эмулировать ваш скелет; в сочетании с чем-то вроде ...

<div id="leftContent"> 
<p class="bottom">Your text, as a 'p' element--but it could be any element.</p> 
</div> 
<div id="rightContent"> 
<img src="" /> 
</div> 

Вашего <p> элемент (или любой элемент по этому вопросу) будет расположен в нижней части левой DIV, в котором можно изменить отступ/позиционирование, что вы хотели ; это по-прежнему позволяет вам стилизовать изображение в соседнем div, как вам угодно.