怎么用CSS+DIV样式同步左右两个DIV的高度?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用CSS+DIV样式同步左右两个DIV的高度?相关的知识,希望对你有一定的参考价值。

参考技术A 需要在外部加个div,然后设置宽、溢出隐藏,不设置高;
里面的2个div除浮动、宽外同时加上padding-bottom:2000px;margin-bottom:-2000px;overflow:hidden就可以了
当然2000这个数值你可以改大或小,具体效果自己测试下就ok了

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

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

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

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

以上是关于怎么用CSS+DIV样式同步左右两个DIV的高度?的主要内容,如果未能解决你的问题,请参考以下文章

css+div布局,左右两个div怎么能自动适应高度

DIV+css 如何实现左右分栏

css怎么实现连个div的高度一样

DIV+CSS 如何让左右两个DIV的高度一致?

纯div css实现的左右两个等高div

css after 插入图片,怎么设置内容高度