最近在做一个项目,为了使前台页面更适合后台工程师嵌套程序使用,又要考虑多列高度统一否则有数据串行问题。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="content">
<div class="left">
一行测试字体
</div>
<div class="rigth">
多行测试字体<br />
多行测试字体<br />
多行测试字体<br />
多行测试字体<br />
多行测试字体<br />
多行测试字体<br />
</div>
</div>
<style type="text/css">
.content{
overflow:hidden;
width:400;
}
.left,.rigth{
float:left;
width:200px;
padding-bottom:2000px;
margin-bottom:-2000px;
}
.left{
background-color:#ccc;
}
.rigth{
background-color:red;
}
</style>
</body>
</html>