小編給大家分享一下css如何讓高度自適應，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)擁有網站維護技術和項目管理團隊，建立的售前、實施和售后服務體系，為客戶提供定制化的網站制作、網站設計、網站維護、大邑服務器托管解決方案。為客戶網站安全和日常運維提供整體管家式外包優(yōu)質服務。我們的網站維護服務覆蓋集團企業(yè)、上市公司、外企網站、成都做商城網站、政府網站等各類型客戶群體，為全球上1000+企業(yè)提供全方位網站維護、服務器維護解決方案。

css讓高度自適應的方法：1、把父層高度設置成“height:auto;”樣式屬性；2、給添加父層添加“overflow:hidden;”樣式屬性，然后新建一個div放在后面，并添加樣式屬性“clear:both”即可。

打開網頁開發(fā)工具，新建一個HTML文件（這里為了方便給大家演示）

普通布局：只需要把外層高度設置成:height: auto;屬性即可自適應：

方法二（浮動布局）：

如果子元素設置浮動float屬性后，外層DIV是不能夠自動被撐開的，如圖所示：

解決方法一：給添加父層添加：overflow: hidden;屬性

解決方法二：新建一個div放在后面，并添加樣式：clear: both；

以上是“css如何讓高度自適應”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！