如果可用，内联块div适合100％的页面宽度

Question

有两个div，第一个带有图像，第二个带有文本。

两个div都显示：inline-block。 文本div具有最小宽度。

如果图像宽度+文本最小宽度适合页面，则两个div应位于同一行。 否则（如在移动浏览器中）文本div应该转到下一行。

到目前为止这是有效的，但我不能使文本div使用100％的页面宽度，仍然在图像div的右侧。

我需要的是文本div扩展到完整的浏览器宽度。

<div style="display:inline-block;vertical-align:top;">
    <img src="http://www.acasa.org.br/ensaio/grande/506.jpg" style="xmax-width:500px; width:100%; height:auto;">
</div>
<div style="display:inline-block;vertical-align:top;min-width:200px;max-width:500px;background-color:red;">
My text here
</div>

Answer 1

使用display:block; float:left;代替display:inline-block;