本文操作環境：windows7系統、HTML5&&CSS3&&HBuilderX v2.1.3.20190723版、Dell G3電腦。

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

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

方法二（浮動布局）：

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

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

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

【推薦學習：css視頻教程】

以上就是css怎么讓高度自適應的詳細內容，更多請關注風君子博客其它相關文章！

總結

以上是生活随笔為你收集整理的css怎么让高度自适应(怎么让Html的高度自适应屏幕高度)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。