转化后的孩子包含奇怪的父母宽度

Question

我有一个简单的HTML标记：

system_error

子元素由<div class="parent"> <div class="child"> </div> </div> 移出视口，但父宽度不随子元素移动：

这是我简化的CSS：

transform: translate(-100%);

看看：

Answer 1

在改造和元素时，父母不会受到影响。这就是CSS转换应该如何工作。来自Using CSS transforms：

  

通过修改坐标空间， CSS转换会更改受影响内容的形状和位置，而不会中断正常的文档流程。