为什么只有高度可以调整的父div如果子div可调整大小？

Question

我是html开发新手。我分享我有两个div的简单代码。一个div是父div和第二个div是它的子div。所以现在的问题是，当我调整div的大小只有高度是可调的，但是当我调整chid div到父div的右侧宽度不能调整，但我想要它。所以请任何人帮助我。下面是我的代码：

<div style='border:1px solid;padding:20px;width:auto;height:auto;'> 
 
    <div style="resize: both;overflow:auto;border:1px solid;width:500px;height:200px;"/> 
 
</div>

Answer 1

您只需要使用display: inline-block。

.first { 
 
    border:1px solid; 
 
    padding:20px; 
 
    width:auto; 
 
    height:auto; 
 
    display: inline-block; 
 
} 
 
.second { 
 
    resize: both; 
 
    overflow:auto; 
 
    border:1px solid; 
 
    width:500px; 
 
    height:200px; 
 
}

<div class="first"> 
 
<div class="first"> 
 
    
 
<div class="second"></div> 
 
    <br> 
 
<div class="second"></div> 
 
    </div> 
 
    </div>