javascript - 如何讓外層div隨內層div的寬度自適應調整寬度

Question

最好是純html css，偽程式碼舉例：

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

讓外層p1的寬度隨內層p的寬度改變

Answer 1

謝邀。

<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

雷雷

Answer 3

雷雷