内层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,解决方法