CSS位置绝对停止旋转属性

【问题标题】：CSS position absolute stops the rotate propertyCSS位置绝对停止旋转属性
【发布时间】：2021-12-25 05:36:26
【问题描述】：

我是 html/css/php 的新手，所以这可能是一个愚蠢的问题，但我已经搜索了 position: absolute 和 transform: rotate 的文档，我没有看到任何提示为什么“绝对性” " 关闭旋转。

我试图在https://wojtek.denisdev.pl 上执行此操作，当我删除“样式”的“位置：绝对”部分时，公猪会旋转。我已经看到有人加入了两者（比如这里：CSS "transform: rotate()" affecting overall design with "position: absolute" (not aligning properly)），但这对我不起作用...

【问题讨论】：

【解决方案1】：

从这里的链接https://wojtek.denisdev.pl 我只能从您的 css 文件中看到一个导致该错误的错误，这里是 ;

所以你为 boar.png 生成的 css 是

transform: rotate(
45deg) position: absolute;

缺少结束 css 标记 ;

为了让它工作，复制这段代码并将上面的代码完全替换为 boar.png 行中的代码

<img src="boar.png" id="1" style="transform: rotate(45deg);position: absolute;">

【讨论】：