Html 如何设置浮动div相对于相邻div的宽度

我有一个页面如下所示：

Content包含一个固定宽度的静态表格（由内容决定），该表格位于一个居中的div内。在Content下方有一个div，其中包含一行文本和该文本下方的一个图像。它将浮动在内容的左侧。页面和图像具有最大宽度和最大高度。但调整页面大小时，图像的收缩速度比页面的收缩速度慢两倍。这会使页面看起来如下所示：

我希望图像总是填补左侧白色空白的大部分。调整页面大小时，图像也应相应调整大小

Html:

---

在我完全理解你要找的东西之前，先做几件事

奇怪的是，你是如何使用HTML5

标记和一个弃用的，并且从HTML5删除后，

align

属性。在这些元素上使用css时使用内联样式仍然很奇怪

我假设您希望将这些元素集中在其父容器中。要实现这一点，需要使用设置的宽度并将元素的水平边距设置为“自动”

div {

  margin: 0 auto;

}

你的分数也有一个拼写错误。DIV id显示

imabe\u框

。假设它应该是

image\u box

<div align="center">
    <table>Content</table>
    <div id="imabe_box"> // ID should be set to 'image_box'
        <p align="left">Text above image</p>
        <img src="img.png" id="image">
    </div>
</div>

内容
//ID应设置为“图像盒”
图像上方的文本

---

请添加更多代码或回复答案，我们可以进一步帮助您。

您可以发布更多代码和/或链接到JS fiddle，以便我们更好地解释您想要的结果吗？：）@shekhardesigner如果您减少“结果”宽度，您将看到SOf徽标和“图像上方的文本”，覆盖绿色表格。“结果”是什么？您指的是任何选择器还是哪个元素？@shekhardesigner位于JSFIDLE页面右下角的框中。其中显示了代码的输出。我有更复杂的css和更多的选择器，但添加align=“center”会去掉一部分其他属性。

div {

  margin: 0 auto;

}

<div align="center">
    <table>Content</table>
    <div id="imabe_box"> // ID should be set to 'image_box'
        <p align="left">Text above image</p>
        <img src="img.png" id="image">
    </div>
</div>