<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<link rel="stylesheet" href="css/three-line.css" />
<body>
<div class="box">
<div class="equal-height1">
<p>你好</p>
<p>你好</p>
<p>你好</p>
<p>你好</p>
<p>你好</p>
<p>你好</p>
</div>
<div class="equal-height2">
<p>苹果</p>
</div>
</div>
</body>
</html>
*{
margin:0;
padding:0;
}
.box{
overflow: hidden;
resize:vertical;
margin:0 auto;
width:400px;
margin:10px auto;
}
.equal-height1{
width:200px;
background-color: green;
display: inline-block;
float:left;
}
.equal-height2{
width:200px;
float:left;
background-color:blue;
display: inline-block;
margin-bottom: -600px;
padding-bottom: 600px;
}
p{
padding:10px 0px;
}
效果: