Html 调整浏览器窗口的大小会在右侧留下空间

我在制作带有内部元素的容器元素的示例时遇到了这个问题。这些内部元素设置了float属性，但当浏览器窗口调整大小时，容器边框看起来很奇怪

尽管由于float属性和minwidth设置，内部元素一个接一个，但它不会影响容器元素的边界。它在右边留下了一个巨大的空间。不知道为什么会这样

以下是我所做的：

.集装箱{ 边框：1px实心AAA； } .容器：：之后{ 内容：； 显示：表格； 明确：两者皆有； } .左面板， .右面板{ 宽度：50%； 浮动：左； 最小宽度：340px； 框大小：边框框； } .左面板{ 边框：1px实心F1FB3B； }

信息：

数据：

这是神奇的显示：表格单元格；✨

.集装箱{ 边框：1px实心AAA； } .容器：：之后{ 内容：； 显示：表格； 明确：两者皆有； } .左面板， .右面板{ 宽度：50%； 显示：表格单元格； 最小宽度：340px； 框大小：边框框； } .左面板{ 边框：1px实心F1FB3B； }

信息：

数据：

---

这是因为它是浮动的：通过设置容器的宽度或使用table@CodeiSir在设置容器宽度的情况下，这无助于使页面响应。或表格或css表格或flex。。。在你的信中也没有回应的字眼question@CodeiSir很抱歉，我在上面的问题中没有提到，但我想知道在考虑响应性的情况下上述情况的解决方法。表应该是我应该继续使用的方法吗？不知道您测试了哪个浏览器，但在chrome浏览器上对我不起作用。我正在使用display:table-cell css作为我的左面板和右面板，但效果与前面的相同。i、 e.一个是间距问题