我有一个父容器,我想在其中放置一个填充整个宽度的文本元素,直到它达到限制,这应该由一个被吸引到父容器右侧的图像定义。
不幸的是,无论我尝试什么,文本仍然覆盖整个宽度,并且图像出现在文本块下方。
<div class="subContext">
<div class="description">
This text should break automatically where the image box starts. This text should break automatically where the image box starts. This text should break automatically where the image box starts. This text should break automatically where the image box starts. This text should break automatically where the image box starts.
</div>
<div class="boxImage">
<img src="about:blank" alt="I want to be on the right" />
</div>
</div>
我究竟做错了什么?
我正在寻找一种至少向后兼容 IE 8 且不使用 javascript 的跨浏览器解决方案。
注意:我觉得这一定是非常基本的 CSS。还是做。然而,我已经搜索并尝试了许多可能的解决方案,但没有一个对我有用。我可能只是缺少关键的关键信息/理解。