我需要减少父div宽度大小。我这样做,但内部div(孩子)的内部不会自动减小他们的大小。它占有一席之地。如何同时减少子div,父div。
答案 0 :(得分:1)
“将孩子的宽度设置为父母的百分比通常有效”@Aaron Digulla
<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;
}