html - html5で親divと子divの幅を同時に減らす方法は?

Question

親 div の幅のサイズを小さくする必要があります。私はそれを行いますが、内側のdiv(子)の内部は自動的にサイズを縮小しません。その場所を保持します。子div、親divを同時に減らす方法。

Answer 1

「子の幅を親のパーセンテージとして設定すると、通常は機能します」@Aaron Digulla

http://jsfiddle.net/YswCH/

<div id="parent">
    <div id="child">Lorem ipsum lorem ipsum lorem ipsum</div>
</div>

#parent {
    background: yellow;
    width: 15em; height: 5em;
    overflow: hidden;
}
#parent:hover {
    background: yellow;
    width: 10em; height: 5em;
}
#child {
    background: red;
    width: 80%; height: 4em;
}