javascript - 当使用 javascript 设置父宽度时,在子 div 周围设置边距

标签 javascript html css twitter-bootstrap bootstrap-4

我正在处理的站点:https://tricycle-203819.appspot.com/ 我想在这个有多个部分的站点上复制效果,并且子 div 在这些部分周围有边距:https://www.newyorker.com/

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

更改 left-containerpadding-rightmargin-right 属性不会达到此效果。如果可能,我想避免更改 left-container 的子项的属性,因为它们将在别处重用。

最佳答案

left-container 上的 margin-right 不起作用 的原因是 right-container不会尊重边距,因为它的位置是固定的。但是,您可以将 padding-right 添加到 left-container 以实现在两个容器之间创建间隙的预期效果。

关于javascript - 当使用 javascript 设置父宽度时,在子 div 周围设置边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50340028/

相关文章:

css - 如何纠正 MS Edge 中出现的 CSS flex 问题?

javascript - Jquery滑动面板将相邻图片向下移动

javascript - Mixitup jquery 多个过滤器 css 控件

javascript - 在微型 mce 插件上显示日期时间选择器

html - 如何为慈善网站设置搜索选项

php - 将 JSON 存储在隐藏的输入元素中?

css - 使用 CSS 的多个等高框边框列——*没有*背景图像?

javascript - 如何获取具有特定 Id 的 div 中的下一个元素

javascript - 似乎无法让 Element.setAttribute 与 webpack/babel 一起使用

javascript - 为什么在 Python 中我不能像在 JavaScript 中那样连接字符串和数字?