我试图将三段文字浮动到图像的右侧。但是，浮动：对;不工作。相反，文本和背景颜色（我为测试添加）被放置在图像上方，完全覆盖它。
我错过了什么？
<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>
答案 0 :(得分：1)
您正在使用position:absolute;以及相同元素的浮点数。尝试使用浮动。
答案 1 :(得分：0)
位置：绝对; - 在“绿色”文本中设置它只是那样，绝对，因此浮动不是与图像“内联”
<div style="float: right; background-color: green; max-width: 790px; width:69%;">