Html 调整元素的宽度/高度以适合其变换的子元素

成像我们有一个元素具有

变换：比例（2）

。是否有一种HTML/CSS唯一的方法来通知其父级其转换的维度

.container{
边框：1px实心；
}
.孩子{
背景：红色；
宽度：100px；
高度：100px；
变换：尺度（2）；
不透明度：0.5；
}

这是不可能的…转换不会影响文档布局。这是对元素的视觉更改，但布局保持不变。实现这一点的最佳方法是将子对象的大小增加一倍，并在任何时候将其缩小到父对象的50%，或者将转换应用于父对象（但是父对象也不会占用文档布局中所有额外的空间）。