博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS怎么实现内容不相同的左右两个div等高?
阅读量:4117 次
发布时间:2019-05-25

本文共 325 字,大约阅读时间需要 1 分钟。

640?wx_fmt=jpeg

问题

现在有两个div左右排列,但是两个div的内容不相同,如何设置两个div的css做到在两个div等高排列呢?下面是3种实现方法,觉得很有代表性,所以索性收藏起来。

方法一

通过父元素设置 overflow:hidden, div自己设置padding-bottom 和 margin-bottom来实现。
left
right
 
 

方法二

使用 table-cell
 
 
父元素使用 display: box;
 
 
效果如下图:
640?wx_fmt=jpeg

640?wx_fmt=jpeg
640?wx_fmt=jpeg

转载地址:http://pufpi.baihongyu.com/

你可能感兴趣的文章
年薪50万+的90后程序员都经历了什么?
查看>>
【JavaScript 教程】标准库—RegExp 对象
查看>>
2019年哪些外快收入可达到2万以上?
查看>>
【JavaScript 教程】标准库—Date 对象
查看>>
前阿里手淘前端负责人@winter:前端人如何保持竞争力?
查看>>
【JavaScript 教程】面向对象编程——实例对象与 new 命令
查看>>
我在网易做了6年前端,想给求职者4条建议
查看>>
SQL1015N The database is in an inconsistent state. SQLSTATE=55025
查看>>
RQP-DEF-0177
查看>>
Linux查看mac地址
查看>>
Linux修改ip
查看>>
SQL1032N No start database manager command was issued. SQLSTATE=57019
查看>>
Java两个内存参数选项
查看>>
情商5技能
查看>>
用spring做框架,实现通用数据库倒表工具
查看>>
CMMI特定目标(SG)和特定实践(SP)汇总
查看>>
CMMI公共目标(GG)和公共实践(GP)汇总
查看>>
无责任比较thrift vs protocol buffers
查看>>
ajax进度条
查看>>
软件开发组的团队精神 (一个程序员在IBM的开发经验)
查看>>