填充不扩大容器

Question

我创建的css弹出窗口是身体的80％，位于网站底部，高度固定。它总是放在body元素的末尾。

...
<div style="width: 80%; height: 200px;">
   <div style="width: 32%; padding: 0 0 0 40px;">
   <div style="width: 32%; padding: 0 0 0 40px;">
   <div style="width: 32%; padding: 0 0 0 40px;">
</div>
</body>

我通过javascript动态添加此代码。

当我在两个单独的页面上显示时：
1.在1页上更改填充放大容器 - 因此将填充从40更改为60将向右移动框 2.在2页上更改填充不会将其他容器移动到右侧，而是在此容器内使元素变小。

为什么会这样？可能是什么原因？