如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
CSS怎么设置DIV高度自适应
来源：互联网
2023-03-16 19:16:45 版权归原作者所有，如有侵权，请联系我们
在网站开发过的过程中，我们经常会需要设置DIV盒子的高度自适应，那么该如何设置呢？下面小编就将操作方法演示给大家，供大家参考学习！
工具/原料
- 电脑：win7，64位
- 软件：HBuilderX、谷歌浏览器
方法一（普通布局）：
打开网页开发工具，新建一个HTML文件（这里为了方便给大家演示）
普通布局：只需要把外层高度设置成:height: auto;属性即可自适应：
方法二（浮动布局）：
如果子元素设置浮动float属性后，外层DIV是不能够自动被撑开的，如图所示：
解决方法一：给添加父层添加：overflow: hidden;属性
解决方法二：新建一个div放在后面，并添加样式：clear: both；
方法总结：
方法一：
1、把父层高度设置成:height: auto;样式属性
方法二：
1、给添加父层添加：overflow: hidden;样式属性
2、新建一个div放在后面，并添加样式属性：clear: both；
注意事项
- tips1：本教程的例子只是为了方便给大家演示，实际情况根据自己的来操作！
- tips2：请仔细阅读步骤，进行操作！如果有什么疑问，可以给小编留言评论！
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：html注释的写法 下一篇：html 如何控制span块的大小
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 434 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)