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

查看:210
本文介绍了javascript - 如何让外层div随内层div的宽度自适应调整宽度的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

最好是纯html+css,伪代码举例:

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

让外层div1的宽度随内层div的宽度改变

解决方案

谢邀。

<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>

这篇关于javascript - 如何让外层div随内层div的宽度自适应调整宽度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆