小编fro*_*oob的帖子
当子级旋转时更改父级 div 大小
我里面有块包装器和 div 。对于子项，我应用 CSS 旋转，并且我希望父级 div 会更改它的宽度和高度 - 子级 div 必须始终位于父级内部（就像图片上一样）。
#wrap {
margin-top: 100px;
width: auto;
height: auto;
position: relative;
border: 1px solid red;
box-sizing: border-box;
}
#div {
position: relative;
top: 0;
left: 0;
background-color: green;
width: 200px;
height: 80px;
display: block;
transform: rotate(120deg);
}<div id="wrap">
<div id="div">123</div>
</div>示例： https: //jsfiddle.net/y2mw3wxn/
示例它必须如何：
6
推荐指数
推荐指数
1
解决办法
解决办法
3828
查看次数
查看次数
垂直按钮宽度相等
这是两个垂直排列按钮.我需要它宽度会一样.我没有:
- 包裹的尺寸是多少;
- 按钮上的文字是什么(因此我不能使用像素宽度);
- 按钮上的宽度是多少.
按钮必须在左边.按钮上的文字必须是中心对齐.我不能使用100%宽度因为它不会美丽:)
我不能使用flexbox并指定按钮的宽度.并且很酷的纯CSS解决方案.
IE8 +
.wrap{
width: 100%;
border: 1px solid red;
}
.btn{
height 40px;
background-color: tomato;
margin-bottom: 10px;
display: block;
}<div class="wrap">
<button class="btn">small button</button>
<button class="btn">super long button</button>
</div>3
推荐指数
推荐指数
1
解决办法
解决办法
1243
查看次数
查看次数