我想将第 n 个 div 的左侧位置设置为 (n-1)*250px，例如:
1st child: left = 0px
2nd child: left = 250px
...
是否可以在 css 中这样做？我正在使用 Javascript 来设置它。谢谢。
最佳答案
CSS3 calc()方法想到了，但它不支持使用索引 (n) 作为操作数，所以这行不通。
推荐的解决方案:您可能会设计布局，使每个元素的宽度为 250px。为每个元素提供 display: inline-block 或 float: left，它们将按照您的意愿排列。如果元素内容的宽度需要大于250px，请确保在元素上设置overflow: visible(默认值)并允许内容溢出。无需更多信息，这应该可以达到您想要的效果。
但是，如果您需要使用更直接的定位方法，您应该坚持使用 JavaScript 来设置这些元素的位置。您可能需要考虑屏幕宽度、元素宽度等，而 CSS 会让您无法做到这一点。
看看this JSFiddle寻找灵感。如果您张贴了您想要实现的目标的草图，我可以进一步帮助您。
关于CSS - 设置第 n 个 child 的左侧位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17443251/