css - float : Right Not Working

Question

我试图让三段文本 float 到图像的右侧。但是， float :对；不工作。相反，文本和背景颜色(我为测试添加的)位于图像上方，完全覆盖它。

我到底错过了什么？

<div style="width: 100%; max-width: 1200px; height: 500px; background-color: purple;">
<a href="url"><img src="url" style="max-width: 406px; width: 30%; height: auto;  float: left;  background-color: red; position: absolute;"></a>
<div style="float: right; background-color: green; position: absolute; max-width: 790px; width:69%;">
<p> Text..... </p>
<p> More Text</p>
<p>Final Paragraph </p>
</div>
</div>

Answer 1

您正在为相同的元素使用 position:absolute; 和 float 。尝试只使用 float 。

DEMO