在父级';s的宽度是使用javascript设置的

在父级';s的宽度是使用javascript设置的,javascript,html,css,twitter-bootstrap,bootstrap-4,Javascript,Html,Css,Twitter Bootstrap,Bootstrap 4,我正在工作的站点: 我想在这个网站上复制这个效果,那里有多个部分,子div在这些部分周围有边距: 在我的网站上,div容器spice左右的宽度和边距是使用javascript在加载和窗口大小上设置的。我希望left container的子容器是container spice的子容器,其右侧有一个恒定像素的边距 更改左侧容器的padding right和margin right属性不会达到此效果。如果可能的话,我希望避免更改左容器的子容器的属性,因为它们将在其他地方重用 在左侧容器上右边距不起作用

我正在工作的站点: 我想在这个网站上复制这个效果,那里有多个部分,子div在这些部分周围有边距:

在我的网站上,div
容器spice
左右的宽度和边距是使用javascript在加载和窗口大小上设置的。我希望
left container
的子容器
container spice
的子容器,其右侧有一个恒定像素的边距


更改
左侧容器的
padding right
margin right
属性不会达到此效果。如果可能的话,我希望避免更改
左容器
的子容器的属性,因为它们将在其他地方重用

左侧容器上
右边距
不起作用的原因是
右侧容器
不尊重边距,因为它的位置是固定的。但是,您可以在
左容器
中添加一个
右填充
,以达到在两个容器之间创建间隙的预期效果。

就是您试图实现的,本质上是
左容器
右容器
的子容器之间的间隙。@NikkiMather是的!嗯,很有趣,现在它在左边工作。假设我想在右容器的左侧也添加一个padding,执行padding left:20px不起作用。因为它是像你说的那样固定的?不。你需要了解边距和填充的作用以及它们之间的区别,才能确切地理解为什么它不能像你期望的那样工作。请查看此链接,因为它可以帮助您理解为什么它没有像您期望的那样“工作”——如果您仍然不确定,请随时询问,我会尽力帮助您;