CSS Transform не увеличивает родительскую высоту div

Question

Я добавил 2 divs Один из них является родителем, а другой - дочерним.

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

Я добавил webkit-transform для дочернего div. Теперь я хочу установить родительскую высоту div так же, как и дочерний div после преобразования. Также я хочу удалить полосу прокрутки.

Вы можете исправить. следующий код.

http://jsfiddle.net/Sab2t/

Я люблю, чтобы попробовать какое-либо решение.

Answer 1

Попробуйте

добавить

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

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

Это позволит решить вашу проблему. Посмотрите JsFiddle