内层div使用了float的css样式之后,外层div高度始终为0,解决方法

Posted mp-ui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了内层div使用了float的css样式之后,外层div高度始终为0,解决方法相关的知识,希望对你有一定的参考价值。

因为我需要在实现两个div并排显示,所以按照网上的方法,需要把这两个div的外面再嵌一层div,然后里面的两个子div分别给float: left的css样式,虽然这样子效果上已经达到,但是如果再给外层div加个边框的话,就会发现两个子div早已跑到边框外边。打开F12一看,原来外层div的高度一直都是0。

解决方法:给外层div添加css样式

overflow: hidden; /*如果不加这个样式,内层float之后div高度会仍是0*/

以上是关于内层div使用了float的css样式之后,外层div高度始终为0,解决方法的主要内容,如果未能解决你的问题,请参考以下文章

内层div使用了float的css样式之后,外层div高度始终为0,解决方法

内层div使用了float的css样式之后,外层div高度始终为0,解决方法

css 如何让外层的div 控制住内层div的宽度?

用css怎么设置div滚动条的样式,可改变大小的

用css怎么设置div滚动条的样式,可改变大小的

用css怎么设置div滚动条的样式,可改变大小的