子divがサイズ変更可能な場合、高さのみが親divのサイズに調整可能ですか？

Question

私はhtml開発では新しいです。私は2つのdivを持つ私の簡単なコードを共有します。 1つのdivは親divと2つ目のdivはそれが子divです。今問題は、私はchild divのサイズを変更すると高さが調整可能ですが、親divの右側の幅にchid 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>