我应该用这张桌子吗？

Question

不幸的是我不知道该怎么做:(

我想在左边div的底部对齐文本“bla bla ....”。

将其设置为position:absolute & bottom=0始终不起作用，因为有些情况下图像不存在，这就像文本不会增加容器div高度一样......

如果php没有img，我可以更改布局，但是如果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中设置图像样式。