Html css如何在自动调整宽度时依赖一个div到另一个div

我正在使用谷歌地图在我的网站上显示，问题是目前地图的CSS属性已修复，而在左侧我有一个表单进行预订，我遇到的问题是，我不希望我的地图100%也在表单后面，我希望我的谷歌地图从表单旁边开始，为此，我创建了一个虚拟div，以精确的像素作为表单，并尝试在表单左侧浮动，但我不知道为什么google map考虑将100%宽度作为完整页面让我共享代码，以便大家更好地理解

这是我创建的mega div

div#mapcontainermega {
    height: 100%;
    position: fixed !important;
    left: 0;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
}

在这个div里面有两个div，formdiv是表单宽度的精确像素

div#mapcenterdiv {
    width: 565px;
    height: 100%;
    float: left;
}

然后是谷歌地图所在的地图分区

div#mapmap {
    width: 100%;
    height: 100%;
    float: left;
}

现在的问题是，当我尝试将宽度减少到40%时，它开始随窗体一起显示，但在不同的屏幕尺寸上，右侧会出现一个空白区域？我怎样才能使它反应灵敏，这样就不会出现净空

---

如果您不希望地图的宽度达到100%&动态猜测宽度，则使用CSS的

calc（）

div#mapmap {
    width: calc(100% - 565px);
    height: 100%;
    float: left;
}

我仍然建议为表单指定
%
宽度，而不是
px
，然后在两个子div之间分割宽度

阅读相关内容-
可能
div#mapmap{width:calc（100%-565px）；height:100%；float:left；}
无需计算。您可以设置max width:px width，设置width:100%；那会有用的……：）目前，你打算给40%的宽度…这是一种变通方法还是标准方法，我的意思是我从来没有见过这种做法，有没有一种正常的方法，就像定义一个百分比25%另一个75%的工作非常好，但在这种情况下，我不知道为什么它会在右侧留下空白？哈哈。。这当然不是一个解决办法。。。你不会看到太多，但这是一个很好的标准方式。让我更新一下。只是因为你没有遇到它，你不能真正称之为变通：）抱歉，我不是说变通，我道歉，我只是想知道当主div是100%时，child-one是25%，child-two是75%，所以当改变屏幕大小时，两边都不能有空白，但在目前的情况下，即使我将565px的子屏幕转换为32%，将100%转换为68%，当屏幕大小发生变化时，它也会在右侧留下空白，根本没有填充边距。。我有一种感觉，这是因为父容器上给出了固定的位置。也许我可以帮助你从一开始就为map部分编写一些新的CSS来避免这种行为。如果你真的想做，让我知道，我们可以工作。