- 父div随着子div的高度改变而改变问题
- 点击次数 | 更新时间 | 2016-10-19 03:03:02
-
[摘要] 情况1:父div未设置高度，子div为标准流(即未设置浮动) 情况2:父div设置高度，子div为标准流(即未设置浮动) 情况3:父div未设置高度，子div脱离标准流(设置了float) 最常见的情况了
情况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高度的改变而改变。
- 上一篇：谷歌地图打不开的解决办法
- 下一篇：My97DatePicker控件显示时分秒
