CSS 变换不会增加父 div 的高度答案

【问题标题】：CSS Transform does not increase parent div heightCSS 变换不会增加父 div 的高度
【发布时间】：2013-03-01 13:22:29
【问题描述】：

我添加了 2 个 div 一个是父级，另一个是子级。

<div class="parent_div">
     <div class="child_div_with_transform">
     </div>
</div>

我已将 webkit-transform 添加到子 div。现在我想将父 div 的高度设置为与变换后的子 div 相同。我也想删除滚动条。

你可以参考。下面的代码。

我喜欢尝试任何解决方案。

【问题讨论】：

【解决方案1】：

试试这个

添加

.Parent 
{
display:table;  // add this to your parent
width:400px;    // as per requirement
}

.child
{
display:table-row; // add this to child
}

它会解决你的问题。看看JsFiddle

【讨论】：