Javascript 是否将宽度添加到div的左侧？

如何将N个像素添加到div的宽度，但将额外的宽度附加到div的左侧

例如，只需将其宽度增加20px，右侧就会增加20px

另一方面，我可以添加

左填充

，但这对我来说并不是很合适

有没有办法使用CSS或Javascript将div真正扩展到左侧

---

同样的问题是，如果高度发生变化，则扩展到顶部而不是扩展到底部。

以下是一些可能的选项：

• 调整CSS

  direction

  属性以使写入模式为RTL
• 对于宽度问题，使用带有

  柔性方向：行反转的柔性布局

• 对于高度问题，使用带有

  柔性方向：柱反向
  的柔性布局

div{
方向：rtl；
宽度：400px；
/*宽度：450px*/
背景颜色：浅灰色；
高度：25px；
}
p{
显示器：flex；
弯曲方向：行反向；
宽度：450px；
/*宽度：500px*/
背景颜色：浅绿色；
高度：25px；
}
跨度{
显示器：flex；
弯曲方向：柱反向；
高度：50px；
/*高度：150像素*/
背景色：浅绿色；
}

使用RTL，width将div向左扩展
使用“弯曲方向”：行反转，到p模拟向左扩展

使用“弯曲方向：柱反向”时，跨度模拟向上扩展