在父级';s的宽度是使用javascript设置的
我正在工作的站点: 我想在这个网站上复制这个效果,那里有多个部分,子div在这些部分周围有边距: 在我的网站上,div在父级';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属性不会达到此效果。如果可能的话,我希望避免更改左容器的子容器的属性,因为它们将在其他地方重用 在左侧容器上右边距不起作用
容器spice
左右的宽度和边距是使用javascript在加载和窗口大小上设置的。我希望left container
的子容器是container spice
的子容器,其右侧有一个恒定像素的边距
更改左侧容器的padding right
和margin right
属性不会达到此效果。如果可能的话,我希望避免更改左容器
的子容器的属性,因为它们将在其他地方重用 在左侧容器上右边距
不起作用的原因是右侧容器
不尊重边距,因为它的位置是固定的。但是,您可以在左容器
中添加一个右填充
,以达到在两个容器之间创建间隙的预期效果。就是您试图实现的,本质上是左容器
和右容器
的子容器之间的间隙。@NikkiMather是的!嗯,很有趣,现在它在左边工作。假设我想在右容器的左侧也添加一个padding,执行padding left:20px不起作用。因为它是像你说的那样固定的?不。你需要了解边距和填充的作用以及它们之间的区别,才能确切地理解为什么它不能像你期望的那样工作。请查看此链接,因为它可以帮助您理解为什么它没有像您期望的那样“工作”——如果您仍然不确定,请随时询问,我会尽力帮助您;