Css 旋转div,无断裂结构

Css 旋转div,无断裂结构,css,Css,我试图使旋转的块与窗口右侧剩余块的顶部对齐 小提琴: 与我们聊天 电话 邮寄 .这边{ 位置:绝对位置; 右:0px; 利润率最高:30%; } .block,.block优先{ 背景:#f00; 显示:块; 高度:50px; 宽度:50px; 文本对齐:居中; 线高:50px; } 1.街区优先{ 宽度:200px!重要; 变换:旋转(-90度); } 将以下css添加到。首先阻止: position:relative; top:-75px; left:-75px; 这里有一个更新的将以下

我试图使旋转的块与窗口右侧剩余块的顶部对齐

小提琴:


与我们聊天
电话
邮寄
.这边{
位置:绝对位置;
右:0px;
利润率最高:30%;
}
.block,.block优先{
背景:#f00;
显示:块;
高度:50px;
宽度:50px;
文本对齐:居中;
线高:50px;
}
1.街区优先{
宽度:200px!重要;
变换:旋转(-90度);
}

将以下css添加到
。首先阻止

position:relative;
top:-75px;
left:-75px;

这里有一个更新的

将以下css添加到
.block first

position:relative;
top:-75px;
left:-75px;

这里有一个更新的

尝试
变换原点
尝试
变换原点