當在對象內(nèi)的盒子使用了float后夸盟，導致對象本身不能被撐開自適應高度，這個是由于浮動產(chǎn)生原因戚炫。
如何解決父div對象自適應高度袭厂，方法有三種墨吓，接下來DIVCSS5逐一介紹。
1纹磺、首先我們先看HTML源代碼：
image.png
2帖烘、問題效果截圖：
image.png
方法一：對父級設置固定高度 )
此方法可用于能確定父級div內(nèi)子級對象高度。
假如以上案例橄杨，我們知道內(nèi)部div高度100px,那對父級設置css height為100px看看效果秘症。
1、完整div+css實例html代碼（對父div加高度）：
image.png
2式矫、加高度解決不能撐開子對象使用float效果截圖
對父加高度100px 解決外層父div自適應高度截圖
此方法缺點乡摹，父級是固定高度，而不隨內(nèi)容高度自適應高度采转，沒高度聪廉。此方法針對能確定父div內(nèi)的內(nèi)容高度情況下使用瞬痘。
方法二：使用css clear清除浮動
對父級div標簽閉合</div>前加一個clear清除浮動對象。
1板熊、加clear效果完整div css代碼
image.png
2框全、加css clear解決父div不能自適應高度
image.png
此方法需要注意是clear:both加的位置，不是對父級直接加clear樣式干签，而是在父級</div>前加帶clear對象盒子
方法三：對父級樣式加overflow樣式
此方法非常簡單津辩，也可以作為推薦解決父級不能被撐開自適應高度的方法，可以不增加div盒子對象容劳，只需要對父級加一個overflow:hidden樣式即可丹泉。
1、完整css div代碼
image.png
2鸭蛙、加css overflow方法截圖
image.png
推薦。此方法為非常簡單解決子用float筋岛，父div不能自適應高度娶视，能隨父內(nèi)容多少而自適應高度沒有高度。
