无法使div与图像对齐

Question

我正在构建自适应网站，并且在将div.button对齐以与图像的底部对齐方面存在问题。

以下是代码：http://jsfiddle.net/E22nq/

我想让div.button与图像对齐，并动态隐藏div＃文本中的文本，以便div.content的宽度取决于图像（图像高度取决于浏览器的宽度）。

HTML：

<div class="content">
    <div id="left">
        <img src="" />
    </div>
    <div id="right">
        <div id="text">...</div>
        <div class="button">BUTTON</div>
    </div>
</div>

CSS：

.content {
    width: 100%;
}

#left {
    width:50%;
    float:left;
}

#right {
    width:50%;
    float:left;
}

img {
    width:100%;
}

Answer 1

尝试使用

#right {
    width:50%;
    float:left;
    clear:left;
}