css怎么让高度自适应

css让高度自适应的方法：1、把父层高度设置成“h ei ght:auto;”样式属性；2、给添加父层添加“overflow:hidden;”样式属性，然后新建一个div放 在后 面，并添加样式属性“clear:both”即可。

本文操作环境：windows7系统、HT ML 5 && CSS3& am p; & hbuilderx v2.1.3.20190723版、Dell G3 电 脑。

打开网页 开发工具 ，新建一个HTML文件（这里为了方便给大家演示）

普通布局：只需要把外层高度设置成:height: auto;属性即可自适应：

方法二（浮动布局）：

如果子元素设置浮动float属性后，外层DIV是不能够自动被撑开的，如图所示：

解决方法一：给添加父层添加：overflow: hidden;属性

解决方法二：新建一个div放在后面，并添加样式：clear: both；

【推荐学习：css视频教程】

以上就是css怎么让高度自适应的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css怎么让高度自适应 全部内容，希望文章能够帮你解决 css怎么让高度自适应 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css怎么让高度自适应的详细内容...