我想要 2 个并排的小部件来填充 100% 的 div

Question

在 wordpress 中，我有 2 个不同宽度的小部件，我想并排放置并填充我的主要内容分隔线的整个宽度（这些不是侧边栏小部件）。我已经制作了小部件，它们基本上看起来是正确的，但是我很难让它们准确地填充 100% 的分隔线。为了使用小部件的大小，我正在调整 style.css 中的以下代码：

分频器
.col-940 {宽度：100%;}

WIDE WIDGET
.col-540 {宽度：57.446808510638%;}

窄小部件
.col-340 {宽度：36.63%;}

问题 #1： 当我调整宽度时，它们最终要么没有完全填充空间，要么过度填充它并将第二个小部件撞到下一行。

问题 #2： 在移动设备上查看网站时，小部件自然会堆叠起来，不能并排放置（这里没问题，这是理想的）。但是，每个小部件的宽度都应该延伸到可用空间的 100%，对吧？相反，它们的宽度似乎变化了 10-20%。

`

|--------------------------| |------------------------|

|--------------------------| |------------------------|

|--------------------------| |------------------------|

|--------------------------| |------------------------|

|--------------------------| |------------------------|

`

Answer 1

解决了我自己的问题。在 style.css 中，我调整了列宽，直到一切都到位，现在它可以正确显示了。

这是我在 Style.css 中调整的两件事

.col-340 {宽度：36.9%;}

.col-540 {宽度：57.446808510638%;}

这两个总宽度的“94.3468”%。因此，秘诀/解决方案是您需要为边距或填充留出几乎正好 7.5% 的空间。如果您使用的两列总和大于 94.3468，那么一切都会变得混乱和混乱。