这是原来的div
然后设置了transform后
他的占据位置没变,但是他的margin都变了,一般这种情况怎么解决
---------------------------------分隔线--------------------------------------------------
其实就是怎么让这两个div变形后占据位置也变大
<!DOCTYPE html>
<html>
<head>
<title>css2</title>
<style>
.box{
border: 1px solid red;
display: inline-block;
}
.div{
height: 100px;
width: 100px;
border: 1px solid black;
}
.box .div{
transform: skew(30deg, 0deg);
}
</style>
</head>
<body>
<div class="box">
<div class="div"></div>
</div>
<div class="box">
<div class="div"></div>
</div>
</body>
</html>
变成这样
难道只能更具他变形的大小调整margin吗??
不如试试绝对布局?