transform 文档

对于布局受CSS盒子模型控制的元素,transform属性不会影响transformed元素周围的内容流。但是,溢出区域的范围将会考虑上transform元素。这种行为类似于元素通过相对定位发生偏移时的情况。因此,如果overflow属性的值是scrollauto的,滚动条将显示为需要看到在可见区域外转换的内容。

对于布局受CSS盒子模型控制的元素,除了配置为none之外,其他的transform属性值都会创建堆栈上下文。绘制的实现必须在其父栈上下文中它所创建的层中,如果它是带有“z-index: 0”的定位元素,则使用相同的堆叠顺序。如果一个带有transform的元素还配置了position属性,那么“z-index”属性将按照CSS2描述的被应用,除非“auto”被视为“0”,因为会创建新的堆栈上下文。

对于布局受CSS盒子模型控制的元素,除了配置为none之外,其他的transform属性值都将导致元素成为一个包含块,而其固定定位的后代元素都是以此object作为他们的包含块。

根元素的Fixed Backgrounds会受到该元素上配置的transform属性的影响。对于受transform影响的所有其他元素(例如,对它们应用transform属性,或者对它们的任何祖先元素应用transform属性), background-attachment属性值为fixed的元素会被当做它好像有配置scroll属性一样。其他background-attachment的计算值不受影响.

利用transform的bug使fixed相对于父级定位

transform 使 fixed 降级成absolute

不考虑兼容性:sticky

width:calc(100% - 100px)