如何让外层div随内层div的宽度自适应调整宽度

Question

最好是纯html+css，伪代码举例：<div id="1">    <div id="2"></div>    <div id="3">        <ul></ul>    </div></div>让外层div1的宽度随内层div的宽度改变

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>

<div id="a">

    <div id="b"></div>

    <div id="c">

        <ul></ul>

    </div>

</div>