javascript - Comment faire en sorte que le div externe ajuste sa largeur de manière adaptative en fonction de la largeur du div interne

Question

Il est préférable d'utiliser du html+css pur, exemple de pseudo code :

<p id="1">
    <p id="2"></p>
    <p id="3">
        <ul></ul>
    </p>
</p>

Laissez la largeur de la couche externe p1 changer avec la largeur de la couche interne p

Answer 1

Merci pour l'invitation.

<style>
#a {
    border: 1px solid red;
    display: inline-block;
}

#b {
    border: 1px solid green;
    margin: 2px 2px 2px 2px;
    height: 50px;
    width: 500px;
}
</style>
<p id="a">
    <p id="b"></p>
    <p id="c">
        <ul></ul>
    </p>
</p>

Answer 2

<style>
 #1 {
  display: inline-block;
 }
</style>

Answer 3

#1{
   float:left;
}