html 如何确保两个div具有相同的高度？

Posted 2021-05-11

.left, .right {
		float: none;
		padding: 20px;
		width: 50%;
		vertical-align: top;
}

.container {
		display: table;
		width: 100%;
}

.left {
		display: table-cell;
		background: #666;
}

.right {
		display: table-cell;
		background: #999;
}
	

	<div class="container">
		<div class="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis. Integer sit amet est ac elit vulputate lobortis. Vestibulum in ipsum nulla. Aenean erat elit, lacinia sit amet adipiscing quis, aliquet at erat. Vivamus massa sem, cursus vel semper non, dictum vitae mi. Donec sed bibendum ante.</div>
		<div class="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue, tortor in mattis mattis, arcu erat pharetra orci, at vestibulum lorem ante a felis.</div>
	</div>