0

我需要减小父 div 的宽度大小。我这样做了,但内部 div 的(子)内部不会自动减小它们的大小。它占据了他们的位置。如何同时减少子 div 和父 div。

4

1 回答 1

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;
}
于 2013-09-10T12:22:10.153 回答