Html 如何缩小一个div？

我对HTML和CSS的使用感到很沮丧

基本上，我正在尝试制作一个布局如下的网站

问题是，左边的div有一个巨大的边距，它取代了画布并使之发生

我尝试过各种各样的解决方案，下面是一些解决方案，以及它们带来的问题：

将div的显示设置为inline块。这使得div由于某种原因完全消失，并使其内容出现在画布的右侧。（至少它将画布向上移动）。我必须指出，这些内容实际上并不可见。Ctrl+Shift+I说他们在那儿

将div更改为内联组件（

span

）。没什么区别

我试过

边距：0px。这根本没有改变它<代码>左侧边距和右侧边距

以自动将div居中，不移动画布

我尝试设置div的手动

宽度/高度
值。没有差异

我认为有一些解决方案可能奏效，但我不愿意尝试

我可以制作一个表并将元素添加到其中，但我听说这是一种不好的做法，我希望避免这种做法

我可以随意设置位置，但我担心它们可能会随着设备和分辨率的变化而变化

我有点不知所措，不知该怎么办。我是一个HTML和布局的初学者，所以请原谅，如果这是我真正缺少的东西

谢谢您的帮助。
您所追求的并不是真正的“缩水”。但是因为我不知道你把你的div和canvas叫做什么，我会给你一个通用的解决方案。
-> 
因此，基本上可以尝试添加以下内容：

div, canvas {
  float: left;
}

假设您的div和canvas是
和
，并且您没有添加
位置：fixed或
位置：绝对你所追求的并不是真正的“缩小”。但是因为我不知道你把你的div和canvas叫做什么，我会给你一个通用的解决方案。
-> 
因此，基本上可以尝试添加以下内容：

div, canvas {
  float: left;
}

假设您的div和canvas是
和
，并且您没有添加
位置：fixed或
位置：绝对到其中任何一个。
为什么不使用引导？这非常简单，您可以使用简单的“col”类来实现。检查bootstrap的grid bro^ bootstrap过于臃肿，您所要求的只需相对较少的代码即可完成，但您必须为我们发布一些代码来帮助您。^谢谢，我会的，但float:left；解决了我的问题。我是个十足的白痴。我想浮动：左；仅适用于移动物体。为什么不使用引导？这非常简单，您可以使用简单的“col”类来实现。检查bootstrap的grid bro^ bootstrap过于臃肿，您所要求的只需相对较少的代码即可完成，但您必须为我们发布一些代码来帮助您。^谢谢，我会的，但float:left；解决了我的问题。我是个十足的白痴。我想浮动：左；只适用于移动物体。非常感谢，这很有效。我真不敢相信我是个白痴。很高兴这有帮助。祝你的项目好运！非常感谢，这很有效。我真不敢相信我是个白痴。很高兴这有帮助。祝你的项目好运！