我想要两个小部件并排填充100％的div

Question

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

DIVIDER
.col-940 {width：100％;}

WIDE WIDGET
.col-540 {width：57.446808510638％;}

NARROW WIDGET
.col-340 {width：36.63％;}

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

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

`

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

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

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

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

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

`

Answer 1

修正了我自己的问题。在style.css中，我调整了列宽，直到所有内容都放到位，现在它正确显示。

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

.col-340 {width：36.9％;}

.col-540 {width：57.446808510638％;}

这两个总宽度为“94.3468”％。因此，秘密/解决方案是你需要几乎保留7.5％的边距或填充。如果您使用的两列总数大于94.3468，则所有内容都会崩溃并且混乱。