父div随着子div的高度改变而改变

  • 2017-12-29
  • 197
  • 0
  • 0

原文:http://blog.csdn.net/u013363256/article/details/51023633

情况1:父div未设置高度,子div为标准流(即未设置浮动)

<body>
    <div class="aa">父div
        <div class="bb">子div</div>
        <div class="cc">子div</div>
    </div> 
</body>
此时的父div随着子div的改变而改变

情况2:父div设置高度,子div为标准流(即未设置浮动)

<style type="text/css">
.aa{
    height:50px;
}
</style>
<body>
    <div class="aa">父div
        <div class="bb">子div</div>
        <div class="cc">子div</div>
    </div> 
</body>
此时的父div高度不会随着子div的改变而改变

情况3:父div未设置高度,子div脱离标准流(设置了float)

<style type="text/css">
.aa{
    height:50px;
}
.bb{
    float:left;
}
.cc{
    float:left;
}
</style>
<body>
    <div class="aa">父div
        <div class="bb">子div</div>
        <div class="cc">子div</div>
    </div> 
</body>
此时的父div的高度不随子div的高度改变而改变,但在父div中加overflow:hidden就可实现随着子div高度的改变而改变。

 

  1. 2016:  斐讯K2 1.2KM无线路由器 免单活动 城市套路深(4)
  2. 2016:  2016.12.30 梦见恶作剧(0)
  3. 2016:  继《精灵宝可梦:GO》,伊朗镇府《部落冲突》被封杀(2)
  4. 2016:  服务器建立HTTPS安全连接(0)
  5. 2016:  2016.12.29 灵魂梦(0)

评论

偷偷告诉你,这还毛都没有 T T

发表评论